วิธีเพิ่มความเร็วไซต์ WordPress โดยใช้ .HTACCESS
เว็บไซต์ WordPress ของคุณใช้เวลาในการโหลดนานเกินไปหรือไม่? คุณรู้หรือไม่ว่าเว็บไซต์ที่ช้าจะส่งผลต่อSEOและประสบการณ์ผู้ใช้ของคุณ?
มีหลายวิธีในการเพิ่มความเร็วไซต์ของคุณนอกเหนือจากการใช้ปลั๊กอิน วิธีหนึ่งคือการใช้ประโยชน์จากแคชของเบราว์เซอร์ และอีกวิธีหนึ่งคือการบีบอัดไฟล์ของคุณ
ทั้งสองสามารถทำได้โดยการแก้ไขและเพิ่มประสิทธิภาพไฟล์ . htaccess
แคชของเบราว์เซอร์คืออะไร?
เมื่อมีผู้เยี่ยมชมเว็บไซต์ของคุณ มีไฟล์ที่ดาวน์โหลดและจัดเก็บไว้ในตำแหน่งชั่วคราว
ประเภทของไฟล์รวมถึงเอกสารทั้งหมดที่ประกอบขึ้นเป็นเว็บไซต์ของคุณ เช่นไฟล์HTMLรูปภาพJavaScriptและCSS แคชของ เบราว์เซอร์(Browser)อ้างอิงถึงตำแหน่งชั่วคราวนี้สำหรับไฟล์ที่ดาวน์โหลด
เมื่อแคชเต็ม จะใช้พื้นที่บนคอมพิวเตอร์ของผู้เยี่ยมชมมากเกินไป ส่งผลให้เบราว์เซอร์ทำงานช้าและเว็บไซต์ใช้เวลาในการโหลดนานเกินไป
โชคดีที่มีวิธีแก้ไขโดยแก้ไขไฟล์ .htaccess ของคุณ
สิ่งที่คุณควรทำก่อน
ก่อนที่คุณจะเริ่มแก้ไขไฟล์ .htaccess ให้พิจารณาข้อควรระวังต่อไปนี้:
- สร้างข้อมูลสำรองของ ไฟล์ WordPress .htaccessก่อนทำการเปลี่ยนแปลงเสมอ
- ปิดใช้งาน ปลั๊กอิน WordPress ใด ๆ ที่คุณอาจใช้อยู่
- ทดสอบความเร็วไซต์ของคุณก่อนทำการเปลี่ยนแปลงไฟล์ .htaccess เพื่อรับการวัดพื้นฐาน คุณสามารถใช้GTmatrix , PingdomหรือGoogle PageSpeed Insights( Google PageSpeed Insights)
ตอนนี้คุณพร้อมที่จะใช้โค้ดผ่านไฟล์ .htaccess เพื่อบอกให้ การติดตั้ง WordPress ของคุณ แคชไฟล์สแตติกนานขึ้นเพื่อให้ผู้เข้าชมกลับมายังเว็บไซต์ของคุณ คุณสามารถ ใช้cPanel หรือFTP ดูคำแนะนำด้านล่างสำหรับแต่ละรายการ
เมื่อคุณเข้าถึงไฟล์ .htaccess แล้ว ให้ใช้คำแนะนำเพิ่มเติมเพื่อทำการแก้ไข
การใช้cPanel
ลงชื่อ(Log)เข้าใช้ cPanel เว็บไซต์ของคุณ ปกติคุณจะไปถึงที่นั่นได้โดยพิมพ์yourdomain.com/cPanelลงในเว็บเบราว์เซอร์
เข้าสู่ระบบ(Log)ด้วยชื่อผู้ใช้และรหัสผ่านที่คุณได้รับเมื่อคุณติดตั้งWordPressบนโดเมนของคุณ เมื่อคุณเข้าสู่ระบบแล้ว ให้ค้นหาและคลิกตัวจัดการ(File Manager)ไฟล์
ไฟล์ .htaccess ของคุณอยู่ในโฟลเดอร์รูท จุดที่อยู่หน้าชื่อไฟล์แสดงว่าเป็นไฟล์ที่ซ่อนอยู่ในการติดตั้ง WordPress ของคุณ อย่าลืมทำเครื่องหมายในช่องเพื่อแสดงไฟล์(Show Hidden Files) ที่ ซ่อน
คุณควรทำสำเนาไฟล์ของคุณก่อนที่จะแก้ไข เพราะหากคุณทำผิดพลาด ไซต์ของคุณอาจล่มได้ หากต้องการทำสำเนา ให้คลิก . htaccessและไฮไลต์ หากต้องการบันทึกสำเนา ให้คลิกปุ่มดาวน์โหลดที่เมนูด้านบน
เมื่อคุณทำสำเนาเสร็จแล้ว คุณก็พร้อมที่จะแก้ไขไฟล์ ใน ตัวจัดการไฟล์(File Manager) cPanel ให้คลิกขวาที่ไฟล์ . htaccess แล้วคลิกแก้ไข(edit)
การใช้ FTP
คุณยังสามารถแก้ไขไฟล์ .htaccess ได้โดยใช้ไคลเอนต์FTP ไคลเอนต์ FTP(FTP)ยอดนิยมตัวหนึ่งคือFileZillaซึ่งใช้ในตัวอย่างด้านล่าง
เริ่มต้น(Start)ด้วยการเปิด ไคลเอนต์ FTP ของคุณ และใส่โฮสต์ของคุณ ซึ่งมักจะเป็นที่อยู่โดเมน ชื่อผู้ใช้ และรหัสผ่านของคุณ หากคุณไม่แน่ใจว่ามันคืออะไร โปรดติดต่อโฮสต์เว็บของคุณ
ใช้ขั้นตอนต่อไปนี้เพื่อเข้าถึง คัดลอก และแก้ไขไฟล์ .htaccess ของคุณ:
- นำทางไปยังไดเร็กทอรีรากของคุณ
- ค้นหาไฟล์ .htaccess ทำสำเนา แล้วลากไปที่เดสก์ท็อปของคุณ
- เก็บสำเนาของต้นฉบับและแก้ไขสำเนาอื่นในกรณีที่คุณต้องกู้คืนต้นฉบับ
- ใช้(Use)โปรแกรมแก้ไขเช่นNotepadเพื่อแก้ไขไฟล์
- เมื่อคุณแก้ไขเสร็จแล้ว ให้อัปโหลดไฟล์ไปยังไดเร็กทอรีรากของคุณ
หากคุณทำผิดพลาด เว็บไซต์ของคุณจะไม่ทำงาน หากต้องการแก้ไข ให้อัปโหลดไฟล์สำรอง
ตอนนี้คุณพร้อมที่จะเปลี่ยนแปลงไฟล์ .htaccess ของคุณแล้ว เพื่อเพิ่มความเร็วให้กับไซต์WordPress ของคุณ(WordPress)
บีบอัดไฟล์ของคุณโดยใช้ Gzip
การบีบอัด 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>
อย่าลืมคลิกบันทึก(Save)เพื่อเก็บส่วนเพิ่มเติมในไฟล์ของคุณ
การบีบอัดไฟล์และใช้ประโยชน์จากแคชของเบราว์เซอร์จะลดเวลาในการโหลดหน้าเว็บลงอย่างมาก ซึ่งจะช่วยให้ไซต์ของคุณมีอันดับสูงขึ้นในการค้นหาและปรับปรุงประสบการณ์ของผู้ใช้ ไม่มีใครต้องการรอนานกว่าสองสามวินาทีเพื่อโหลดหน้า
Related posts
วิธีตั้งค่าเว็บไซต์ที่เหมือน Twitter ของคุณเองโดยใช้ธีม P2 ของ WordPress
วิธีโทร WhatsApp โดยใช้ Siri
บล็อกเว็บไซต์จากเราเตอร์ของคุณหรือใช้ DNS
ค้นหารหัสผ่าน WiFi ใน Windows 10 โดยใช้ CMD
เล่นเกมพีซีทุกเกมด้วยแป้นเกมโดยใช้ JoyToKey
การติดตั้ง GIMP Plugins: How-To Guide
วิธีปิดการใช้งานคีย์ Windows
รีวิวหนังสือ - คู่มือ How-To Geek สำหรับ Windows 8
การค้นหาขั้นสูงของ Google โดยใช้ตัวดำเนินการค้นหา
วิธีการแปลงไดนามิกดิสก์เป็นดิสก์พื้นฐาน
วิธีติดตามคนโดยใช้แหล่งข้อมูลออนไลน์
10 ปลั๊กอิน WordPress ที่จำเป็นสำหรับเว็บไซต์ธุรกิจขนาดเล็ก
วิธีทำ WordPress Site Secure
วิธีสำรองข้อมูลไซต์ WordPress ของคุณ
วิธีทำให้พีซี Windows ของคุณตื่นโดยไม่ต้องสัมผัสเมาส์
วิธีดูหน้าแคชและไฟล์จากเบราว์เซอร์ของคุณ
เปิดพรอมต์คำสั่งในโฟลเดอร์โดยใช้ Windows Explorer
วิธีลบโฟลเดอร์ Windows.old ใน Windows 7/8/10
วิธีสร้างแล็ปท็อปของคุณเอง
วิธีเปิดไฟล์ DDS ใน Windows 10