วิธีเปิดใช้งานการแคชเบราว์เซอร์ใน WordPress

ข้อเสนอของ WordPress


ความเร็วเว็บไซต์ของคุณมีส่วนสำคัญในการมอบประสบการณ์การใช้งานที่ดีที่สุด (หมายเหตุ: หากคุณสนใจที่จะเรียนรู้วิธีตรวจสอบความเร็วของเว็บไซต์ของคุณดูบทความของเราเกี่ยวกับการใช้ GTmetrix) เว็บไซต์ที่ช้าอาจทำให้การขายหยุดชะงักการแปลงที่ลดลงและในระยะยาวอาจส่งผลกระทบอย่างจริงจัง ทั้งความพึงพอใจของลูกค้าและจำนวนผู้เข้าชมทั่วไป.

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

มาเริ่มกันเลย…

เบราว์เซอร์แคชคืออะไร?

เว็บไซต์นั้นประกอบด้วยไฟล์จำนวนหนึ่งที่เข้าด้วยกันเพื่อสร้างชุดของหน้าเว็บ บางส่วนจะมีข้อความ (เช่นเนื้อความหลักของโพสต์บล็อก) บางส่วนจะมีข้อมูลการจัดแต่งทรงผมสำหรับองค์ประกอบของหน้า (ส่วนหัว, ส่วนท้าย, แถบด้านข้าง, ฯลฯ ) บางส่วนจะเป็นรูปภาพและอื่น ๆ.

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

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

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

วิธีใช้เบราว์เซอร์แคชใน WordPress

การเปิดใช้งานการแคชเบราว์เซอร์ไม่ยาก แต่เนื่องจากต้องแก้ไขไฟล์ไซต์ที่ยุ่งยากเล็กน้อย (ไฟล์. htaccess ของไซต์คุณต้องมีความรู้เบื้องต้น.

หมายเหตุ: การแคชของเบราว์เซอร์ไม่ได้เจาะจงสำหรับ WordPress วิธีการเปิดใช้งานจะเหมือนกันไม่ว่าคุณจะใช้ระบบใด.

โดยพื้นฐานแล้วมีสองวิธีที่จะเกิดขึ้นกับมัน.

The Super Easy Way: พูดคุยกับโฮสต์ของคุณ

ในการเปิดใช้งานการแคชเบราว์เซอร์คุณจะต้องแก้ไขหรืออาจสร้างไฟล์ที่เรียกว่าไฟล์. htaccess อ่านเพิ่มเติม การพิมพ์ผิดในไฟล์นี้อาจทำให้เว็บไซต์ของคุณไม่สามารถเข้าถึงได้ชั่วคราว, หากคุณมีข้อสงสัยใด ๆ เกี่ยวกับสิ่งที่ควรทำ ถามโฮสต์ของคุณ ทำเพื่อคุณ – เพียงเพื่อความปลอดภัย. หากคุณใช้ บริษัท โฮสติ้งที่ยอดเยี่ยมต้องการโฮสต์ที่ดีกว่าพวกเขาจะสามารถตั้งค่านี้ให้คุณได้ภายในไม่กี่นาที (ถ้าพวกเขายังไม่ได้ทำ).

การแก้ไขไฟล์. htaccess ด้วยตัวคุณเอง

ไฟล์. htaccess อาจเป็นสถานที่ที่น่ากลัว เป็นตัวอย่างคลาสสิกของ“ ด้วยพลังอันยิ่งใหญ่มาพร้อมความรับผิดชอบที่ยอดเยี่ยม” ช่วยให้คุณเพิ่มความเร็วไซต์ของคุณสร้างการเปลี่ยนเส้นทางและทำสิ่งที่น่าอัศจรรย์ พลังทั้งหมดนี้มาในราคา – ข้อผิดพลาดในไฟล์นี้อาจทำให้ไซต์ของคุณลดลง.

การแก้ไขเป็นเรื่องของการเลิกทำในสิ่งที่คุณเพิ่ม แต่สำหรับมือใหม่อาจเป็นประสบการณ์ที่น่ากลัว ฉันขอแนะนำให้ทดลองบนเว็บไซต์ทดสอบก่อนที่คุณจะทำให้มือสกปรกด้วยเว็บไซต์สดที่สำคัญ.

สิ่งแรกที่คุณต้องการคือวิธีเข้าถึงไฟล์เซิร์ฟเวอร์ของคุณ วิธีทั่วไปในการทำเช่นนี้คือผ่าน FTP (โปรโตคอลการถ่ายโอนไฟล์ – อ่านเพิ่มเติมไฟล์อาจเป็นเรื่องยากที่จะหาเพราะมันเป็น dotfile – ไฟล์ที่ซ่อนอยู่ในระบบที่ใช้ Linux เป็นไฟล์ dot – แต่ส่วนใหญ่ ตัวแก้ไข FTP มีตัวเลือก ‘แสดงไฟล์ที่ซ่อนอยู่’ ซึ่งควรให้คุณดูไฟล์เหล่านี้ (หมายเหตุ: หากคุณใช้ Mac อ่านบทความของเราเกี่ยวกับวิธีการดาวน์โหลดแก้ไขและอัปโหลดไฟล์ htaccess อีกครั้งโดยไม่ต้องเปลี่ยน การตั้งค่าคอมพิวเตอร์ใด ๆ ของคุณ)

ไฟล์. htaccess ควรอยู่ในโฟลเดอร์ WordPress หลักของคุณ – โฟลเดอร์เดียวกันกับโฟลเดอร์ wp-content, wp-include และ wp-admin หากคุณหาไม่พบมันไม่เป็นไรมันอาจไม่มีอยู่ในกรณีนี้คุณจะต้องสร้างมันขึ้นมา (บางสิ่งที่ไม่ครอบคลุมที่นี่ฉันกลัว) เมื่อพบ (หรือสร้าง) คุณจะต้องเพิ่มรหัสต่อไปนี้โดยใช้โปรแกรมแก้ไขข้อความธรรมดาไม่ใช่โปรแกรมประมวลผลคำ!

ExpiresActive On
ExpiresByType ภาพ / jpg "การเข้าถึงบวก 1 ปี"
ExpiresByType image / jpeg "การเข้าถึงบวก 1 ปี"
ExpiresByType ภาพ / gif "การเข้าถึงบวก 1 ปี"
ExpiresByType image / x-icon "การเข้าถึงบวก 1 ปี"
ExpiresByType ภาพ / png "การเข้าถึงบวก 1 ปี"
ExpiresByType ข้อความ / css "การเข้าถึงบวก 1 เดือน"
ExpiresByType text / x-javascript "การเข้าถึงบวก 1 เดือน"
ExpiresByType application / x-shockwave-flash "การเข้าถึงบวก 1 เดือน"
ExpiresDefault "การเข้าถึงบวก 2 วัน"

บรรทัดเหล่านี้บอกเบราว์เซอร์ของผู้ใช้ว่าจะแคชไฟล์แต่ละประเภทอย่างไร ด้านบนฉันได้ตั้งค่า jpg, jpeg, gif, ไอคอนและรูปภาพ png เป็นเวลาหนึ่งปี (เนื่องจากสิ่งเหล่านี้แทบจะไม่เคยเปลี่ยนแปลง) และไฟล์ CSS, JavaScript และ Flash จะถูกแคชทุกเดือน (เนื่องจากสิ่งเหล่านี้มีแนวโน้มที่จะเปลี่ยนแปลงมากกว่านี้ ) ฉันได้ตั้งค่าเริ่มต้นเป็นสองวันสำหรับไฟล์ใด ๆ ที่ไม่ได้ระบุไว้.

ปิดการใช้งานเพื่อการพัฒนา

เนื่องจากไฟล์เหล่านี้จะถูกเก็บไว้เป็นระยะเวลาหนึ่ง (ไม่ว่าคุณจะตัดสินใจกำหนดไฟล์ประเภทใดในแต่ละครั้ง) การพัฒนาอาจเป็นเรื่องยากดังนั้นฉันขอแนะนำอย่างยิ่งว่าไม่ควรใช้การแคชเบราว์เซอร์สำหรับเว็บไซต์ที่ยังคงพัฒนาอยู่ คุณสามารถไปที่การตั้งค่าเบราว์เซอร์ของคุณและล้างแคชด้วยตนเองในแต่ละครั้งแน่นอน แต่ในไม่ช้าจะกลายเป็นน่าเบื่อ (บวกมันไม่ได้เป็นเรื่องง่ายที่จะล้างแคชของคนอื่น – เคล็ดลับด้านล่าง).

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

อีกวิธีที่นักพัฒนาใช้ในการรีเฟรชไฟล์แคชคือการเพิ่มพารามิเตอร์การสืบค้นไปยังทรัพยากรของพวกเขา หากคุณกำลังโหลด script.js เช่นแคชครั้งเดียวการเปลี่ยนแปลงใด ๆ ที่คุณทำกับมันจะถูกดาวน์โหลดหลังจากผ่านไปหนึ่งปีเท่านั้น (หรือคุณจะตั้งค่านาน) ในการหลีกเลี่ยงปัญหานี้นักพัฒนามักจะผนวกรุ่นของทรัพยากรเข้ากับ URL ดังนั้นแทนที่จะเป็น“ http://mysite.com/scripts.js” URL จะกลายเป็น“ http://mysite.com/scripts.js?version=1.0” และเมื่อสคริปต์เปลี่ยนผู้พัฒนาอีกครั้ง แทนที่ URL ไปยังทรัพยากรทำให้เป็น“ http://mysite.com/scripts.js?version=1.1” ตัวอย่างเช่น.

สำหรับเบราว์เซอร์ที่เกี่ยวข้องนี่เป็นแหล่งข้อมูลทางเทคนิคใหม่ดังนั้นจึงจะดาวน์โหลดและแคชใหม่อีกครั้งในอีกหนึ่งปี.

ตรวจสอบงานของคุณ

มีหลายวิธีในการตรวจสอบว่าไซต์เปิดใช้งานการแคชของเบราว์เซอร์ด้วยวิธีใดวิธีหนึ่งที่ง่ายที่สุด (และน่าสนใจที่สุด) โดยใช้เครื่องมือทดสอบความเร็วไซต์ฟรีที่เรียกว่า GTmetrix ซึ่งเป็นสิ่งที่เราได้กล่าวถึงแล้ว บทความก่อนหน้า: วิธีใช้ GTmetrix เพื่อทดสอบความเร็วของเว็บไซต์อย่างมีประสิทธิภาพ

การทดสอบแคชเบราว์เซอร์ GTMetrix

หากไซต์ของคุณมีคะแนนเป็น “A” การแคชของเบราว์เซอร์นั้นใช้ได้และคุณก็พร้อมสำหรับความเร็วที่ดี!

ความคิดสุดท้าย

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me