เว็บไซต์ WordPress ของคุณใช้เวลาในการโหลดนานเกินไปหรือไม่? คุณรู้หรือไม่ว่าเว็บไซต์ที่ช้าจะส่งผลต่อ SEO และประสบการณ์ผู้ใช้ของคุณ
มีหลายวิธีในการเพิ่มความเร็วไซต์ของคุณนอกเหนือจากการใช้ปลั๊กอิน วิธีหนึ่งคือการใช้ประโยชน์จากแคชของเบราว์เซอร์ และอีกวิธีหนึ่งคือการบีบอัดไฟล์ของคุณ
ทั้งสองสามารถทำได้โดยการปรับเปลี่ยนและเพิ่มประสิทธิภาพ .htaccess ไฟล์.
แคชของเบราว์เซอร์คืออะไร
เมื่อมีผู้เยี่ยมชมเว็บไซต์ของคุณ มีไฟล์ที่ดาวน์โหลดและจัดเก็บไว้ในตำแหน่งชั่วคราว
ไฟล์ประเภทต่างๆ รวมถึงเอกสารทั้งหมดที่ประกอบขึ้นเป็นเว็บไซต์ของคุณ เช่น ไฟล์ HTML, รูปภาพ, JavaScript และ CSS แคชของเบราว์เซอร์อ้างอิงถึงตำแหน่งชั่วคราวนี้สำหรับไฟล์ที่ดาวน์โหลด
เมื่อแคชเต็ม จะใช้พื้นที่บนคอมพิวเตอร์ของผู้เยี่ยมชมมากเกินไป ส่งผลให้เบราว์เซอร์ช้าและเว็บไซต์ใช้เวลาในการโหลดนานเกินไป
โชคดีที่มีวิธีแก้ไขโดยแก้ไขไฟล์ .htaccess
สิ่งที่คุณควรทำก่อน
ก่อนที่คุณจะเริ่มแก้ไขไฟล์ .htaccess โปรดพิจารณาข้อควรระวังต่อไปนี้:
- สร้างข้อมูลสำรองของไฟล์ WordPress .htaccess ก่อนทำการเปลี่ยนแปลงเสมอ
- ปิดการใช้งานปลั๊กอิน WordPress ที่คุณอาจใช้อยู่
- ทดสอบความเร็วไซต์ของคุณก่อนทำการเปลี่ยนแปลงไฟล์ .htaccess เพื่อรับการวัดพื้นฐาน คุณใช้ GTmatrix, Pingdom หรือ Google PageSpeed Insights ได้
ตอนนี้คุณพร้อมที่จะใช้โค้ดผ่านไฟล์ .htaccess เพื่อบอกให้การติดตั้ง WordPress ของคุณแคชไฟล์สแตติกนานขึ้นเพื่อให้ผู้เข้าชมกลับมายังเว็บไซต์ของคุณ คุณสามารถใช้ cPanel หรือ FTP ดูคำแนะนำด้านล่างสำหรับแต่ละรายการ
เมื่อคุณเข้าถึงไฟล์ .htaccess แล้ว ให้ใช้คำแนะนำเพิ่มเติมเพื่อทำการแก้ไข
การใช้ cPanel
ลงชื่อเข้าใช้ cPanel เว็บไซต์ของคุณ ปกติจะเข้าไปได้โดยพิมพ์ yourdomain.com/cPanel ลงในเว็บเบราว์เซอร์ของคุณ
เข้าสู่ระบบด้วยชื่อผู้ใช้และรหัสผ่านที่คุณได้รับเมื่อคุณติดตั้ง WordPress บนโดเมนของคุณ เมื่อคุณเข้าสู่ระบบแล้ว ให้มองหาและคลิก ตัวจัดการไฟล์ .
ไฟล์ .htaccess ของคุณอยู่ในโฟลเดอร์รูท จุดที่อยู่หน้าชื่อไฟล์แสดงว่าเป็นไฟล์ที่ซ่อนอยู่ในการติดตั้ง WordPress ของคุณ อย่าลืมทำเครื่องหมายในช่องเพื่อแสดงไฟล์ที่ซ่อน .
คุณควรทำสำเนาไฟล์ของคุณก่อนที่จะแก้ไข เพราะหากคุณทำผิดพลาด ไซต์ของคุณอาจล่มได้ หากต้องการคัดลอก ให้คลิก .htaccess และเน้นมัน หากต้องการบันทึกสำเนา ให้คลิกปุ่มดาวน์โหลดที่เมนูด้านบน
เมื่อคุณทำสำเนาเสร็จแล้ว คุณก็พร้อมที่จะแก้ไขไฟล์ ในตัวจัดการไฟล์ cPanel ให้คลิกขวาที่ไฟล์ .htaccess แล้วคลิก แก้ไข .
การใช้ FTP
คุณยังสามารถแก้ไขไฟล์ .htaccess ได้โดยใช้ไคลเอนต์ FTP ไคลเอนต์ FTP ยอดนิยมตัวหนึ่งคือ FileZilla ซึ่งใช้ในตัวอย่างด้านล่าง
เริ่มต้นด้วยการเปิดไคลเอนต์ FTP ของคุณและใส่โฮสต์ของคุณ ซึ่งมักจะเป็นที่อยู่โดเมน ชื่อผู้ใช้ และรหัสผ่านของคุณ หากคุณไม่แน่ใจว่ามันคืออะไร โปรดติดต่อโฮสต์เว็บของคุณ
ใช้ขั้นตอนต่อไปนี้เพื่อเข้าถึง คัดลอก และแก้ไขไฟล์ .htaccess ของคุณ:
- นำทางไปยังไดเร็กทอรีรากของคุณ
- ค้นหาไฟล์ .htaccess ทำสำเนา และลากไปยังเดสก์ท็อปของคุณ
- เก็บสำเนาของต้นฉบับและแก้ไขสำเนาอื่นในกรณีที่คุณจำเป็นต้องกู้คืนต้นฉบับ
- ใช้เครื่องมือแก้ไข เช่น Notepad เพื่อแก้ไขไฟล์
- เมื่อคุณแก้ไขเสร็จแล้ว ให้อัปโหลดไฟล์ไปยังไดเร็กทอรีรากของคุณ
หากคุณทำผิดพลาด เว็บไซต์ของคุณจะไม่ทำงาน หากต้องการแก้ไข ให้อัปโหลดไฟล์สำรอง
ตอนนี้คุณพร้อมที่จะเปลี่ยนแปลงไฟล์ .htaccess เพื่อเพิ่มความเร็วไซต์ WordPress ของคุณแล้ว
บีบอัดไฟล์ของคุณโดยใช้ Gzip
การบีบอัด Gzip ทำให้ไฟล์ของคุณเล็กลงและช่วยให้โหลดเร็วขึ้น การเพิ่มโค้ดด้านล่างลงในไฟล์ .htaccess (ใต้โค้ดปัจจุบัน) โดยใช้ gzip จะบีบอัดไฟล์ CSS, HTML และ PHP
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
อย่าลืมคลิก “บันทึกการเปลี่ยนแปลง”
แคชเบราว์เซอร์
เมื่อมีผู้เยี่ยมชมเว็บไซต์ของคุณ เบราว์เซอร์ที่พวกเขาใช้จะดาวน์โหลดไฟล์ทั้งหมดที่เกี่ยวข้องกับหน้าที่พวกเขากำลังเข้าถึง
การใช้ประโยชน์จากแคชของเบราว์เซอร์หมายความว่าคุณต้องการดาวน์โหลดไฟล์ที่จำเป็นเท่านั้น ไม่ใช่สินทรัพย์ที่ไม่จำเป็น สิ่งเหล่านี้มักจะเป็นการออกแบบและสไตล์ของเพจของคุณ และบางครั้งก็มีฟังก์ชัน JavaScript ด้วยเช่นกัน
เมื่อคุณใช้แคชของเบราว์เซอร์ คุณกำลังบอกให้เซิร์ฟเวอร์ของคุณละเว้นส่วนต่างๆ ของหน้าเว็บที่ดาวน์โหลดมาก่อนหน้านี้สำหรับผู้เยี่ยมชมซ้ำ
ในการแก้ไขไฟล์ .htaccess ของคุณ ให้ค้นหาและทำสำเนาสองชุดในลักษณะเดียวกับที่คุณทำเมื่อบีบอัดไฟล์ตามที่ระบุไว้ด้านบนโดยใช้ไคลเอนต์ FTP หรือ cPanel
เก็บสำเนาของไฟล์ .htaccess ต้นฉบับไว้ในกรณีที่มีการเปลี่ยนแปลงใดๆ ทำการแก้ไขของคุณในสำเนาอื่น
เพิ่มรหัสต่อไปนี้ด้านล่างเนื้อหาปัจจุบันของไฟล์ .htaccess ของคุณ:
<IfModule mod_expires.c> ExpiresActive On ExpiresDefault A0 <FilesMatch "\.(txt|xml|js)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch "\.(css)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$"> ExpiresDefault A691200 </FilesMatch> </IfModule> <IfModule mod_headers.c> <FilesMatch "\.(txt|xml|js)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch "\.(css)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$"> Header set Cache-Control "max-age=691200" </FilesMatch> </IfModule>
อย่าลืมคลิกบันทึก เพื่อเก็บส่วนเพิ่มเติมในไฟล์ของคุณ
การบีบอัดไฟล์ของคุณและใช้ประโยชน์จากแคชของเบราว์เซอร์จะลดเวลาในการโหลดหน้าเว็บของคุณลงอย่างมาก ซึ่งจะช่วยให้ไซต์ของคุณมีอันดับสูงขึ้นในการค้นหาและปรับปรุงประสบการณ์ของผู้ใช้ ไม่มีใครต้องการรอนานกว่าสองสามวินาทีเพื่อโหลดหน้า
