วิธีเพิ่มความเร็วไซต์ 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)เพื่อเก็บส่วนเพิ่มเติมในไฟล์ของคุณ

การบีบอัดไฟล์และใช้ประโยชน์จากแคชของเบราว์เซอร์จะลดเวลาในการโหลดหน้าเว็บลงอย่างมาก ซึ่งจะช่วยให้ไซต์ของคุณมีอันดับสูงขึ้นในการค้นหาและปรับปรุงประสบการณ์ของผู้ใช้ ไม่มีใครต้องการรอนานกว่าสองสามวินาทีเพื่อโหลดหน้า



About the author

ฉันเป็นวิศวกรเสียงมืออาชีพที่มีประสบการณ์มากกว่า 10 ปี ฉันทำงานในวงการเพลงมาสองสามปีแล้ว และได้พัฒนาชื่อเสียงที่แข็งแกร่งในสาขานั้น ฉันยังเป็นบัญชีผู้ใช้ที่มีประสบการณ์สูงและดูแลความปลอดภัยของครอบครัวอีกด้วย ความรับผิดชอบของฉันรวมถึงการจัดการบัญชีผู้ใช้ การให้การสนับสนุนลูกค้า และการให้คำแนะนำด้านความปลอดภัยในครอบครัวแก่พนักงาน



Related posts