วิธีง่ายๆที่ทำให้เว็บไซต์เร็วขึ้น ด้วยการ Caching และ .htaccess
Posted by
รู้หรือไม่ว่า คุณสามารถทำให้เว็บไซต์ของคุณมีความเร็วมากยิ่งขึ้นด้วยวิธีการง่ายๆ ไมว่าจะเป็นการแคช โดยที่เราไม่มีความจำเป็นในการติดติ้งปลั๊กอินเฉพาะใดๆเลยในการเพิ่มความเร็วให้แก่เว็บไซต์ของเรา
วิธีง่ายๆที่ทำให้เว็บไซต์เร็วขึ้น ด้วยการ Caching และ .htaccess
คุณอาจจะคิดว่าคุณมีเว็บไซต์ที่มีประสิทธิภาพ มีปลั๊กอินรวมกัน มีไฟล์ CSS JavaScript และจำนวนการเชื่อมโยงภายนอก ที่มีขนาดเล็กที่สุด แต่มันไม่เพียงพอ คุณต้องการมันมากขึ้น ความเร็วที่มากขึ้น โดยส่วนใหญ่นักพัฒนาจะพยายามเพิ่มประสิทธิภาพของเว็บไซต์ด้วยการพัฒนาที่ CSS และ JavaScript และไฟล์ภาพในการปรับปรุง เพื่อที่จะลดเวลาการใช้โหลดหน้าจอเว็บเบราเซอร์ แต่รู้หรือไม่ว่าคุณสามารถทำให้เว็บไซต์มีความรวดเร็วมากยิ่งขึ้นด้วยวิธีการง่ายๆด้วยการแคช และไม่มีความจำเป็นในการติดติ้งปลั๊กอินเฉพาะใดๆเลย
เราจะไปที่แผงควบคุมแคชไฟล์กันเพื่อทำการตั้งค่า ดังนี้
1
2 # Turn on Expires and set default expires to 3 days
3 ExpiresActive On
4 ExpiresDefault A259200
บรรทัดที่ 3-4
เปิดใช้การหมดอายุและตั้งไว้ที่ 3 วันสำหรับทุกไฟล์
6 # Set up caching on media files for 1 month
7
8 ExpiresDefault A2419200
9 Header append Cache-Control "public"
10
บรรทัดที่ 7-10
ตั้งค่าแคชเป็นเวลา 1 เดือนให้กับไฟล์ที่กำหนดมาที่มีแนวโน้มที่จะไม่เปลี่ยนแปลงในเร็ว ๆ นี้
สั่งระบบการควบคุมแคช ให้กำหนดเป็น "สาธารณะ" ซึ่งหมายความว่าเราจะให้สิทธิ์อนุญาติให้เบราว์เซอร์แคชไฟล์เฉพาะแคชที่ใช้ร่วมกันซึ่งอาจจะสามารถเข้าถึงได้มากกว่าผู้ใช้ที่ล็อกอิน
12 # Set up 2 Hour caching on commonly updated files
13
14 ExpiresDefault A7200
15 Header append Cache-Control "private, must-revalidate"
16
บรรทัดที่ 13-16
ตั้งค่าการควบคุมแคชเป็น 2 ชั่วโมงสำหรับไฟล์ที่มีการปรับปรุงบ่อยๆ เช่น CSS หรือไฟล์ HTML ตั้งค่าการกำหนดแคชให้เป็น "ส่วนตัว และ ตรวจสอบอีกครั้ง” การเป็นโหมดส่วนตัวจะบอกให้เบราว์เซอร์ไม่แคชทุกแคชไฟล์ในโฟลเดอร์ที่ใช้ร่วมกัน ไฟล์จะแคชเฉพาะที่เป็นแคชผู้ใช้ส่วนตัว
การตรวจสอบอีกครั้ง เบราว์เซอร์บอกว่ามันควรจะดูตัวแปรที่มีอายุสูงสุด ทั้งไฟล์เก็บไว้ในเครื่องและเซิร์ฟเวอร์และกำหนดเป็นที่หนึ่งที่ไฟล์ที่ถูกต้องที่จะถูกเรียก
18 # Force no caching for dynamic files
19
20 ExpiresDefault A0
21 Header set Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
22 Header set Pragma "no-cache"
23
บรรทัดที่ 19-23
กองแคชที่ไม่ถูกแคชทั้งหมด ที่เป็นแบบไดนามิกเช่น PHP หรือไฟล์สคริปต์ เช่น .pl หรือ .cgi
เราตั้งเวลาวันหมดอายุได้อย่างที่ A0 (ศูนย์) และตั้งค่า Cache-Control ที่จะ "ไม่มีการจัดเก็บ ไม่มีแคชและต้องตรวจสอบอีกครั้ง, อายุสูงสุดอายุเท่ากับ0" บังคับให้เบราว์เซอร์ไม่ทำงานที่จะจัดเก็บไฟล์และเรียกเซิร์ฟเวอร์สำเนาอย่างสม่ำเสมอ
คุณสามารถดูโดยใช้ mod_headers ช่วยให้คุณสามารถควบคุมได้ดีขึ้น ไม่เพียงแต่ในช่วงเวลาการหมดอายุ แต่รวมถึงวิธีการที่จะจัดเก็บไฟล์แคชไว้ในบนอุปกรณ์ในท้องถิ่นด้วย
