การปรับปรุงความเร็วไซต์: ทุกสิ่งที่คุณจำเป็นต้องรู้

ความเร็วของไซต์ไม่ใช่เรื่องที่น่าดึงดูดนัก ดังนั้นฉันไม่โทษคุณหากคุณหลีกเลี่ยงการคิดมาก

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

บางทีที่สำคัญกว่านั้นคือ Google ให้ความสนใจกับปัญหานี้เป็นพิเศษ และเวลาในการโหลด 8 วินาทีนั้นส่งผลต่อการจัดอันดับของคุณไม่ว่าคุณจะชอบหรือไม่ก็ตาม

เจ้าของเว็บไซต์เริ่มเข้าใจมากขึ้นเรื่อยๆ ว่าความเร็วของเว็บไซต์เป็นส่วนหนึ่งของกลยุทธ์ SEO ที่ดี มาเริ่มกันเลยดีกว่า

มันสำคัญแค่ไหน?

ให้ฉันหยุดคุณตรงนั้น

นี่ไม่ใช่สิ่งหนึ่งที่คุณสามารถละเลยและพูดว่า "มันมีไว้สำหรับผู้ชอบความสมบูรณ์แบบเท่านั้น" หรือ "ฉันไม่มีข้อมูลเพียงพอสำหรับเรื่องนี้"

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

ก่อนอื่น ให้นึกถึงผู้เยี่ยมชมและพฤติกรรมการท่องเว็บของพวกเขา ข้อเท็จจริงบางประการ:

รูปภาพมารยาท Kissmetrics

ราวกับว่านั่นยังไม่เพียงพอที่จะโน้มน้าวใจคุณ ฉันจะบอกให้คุณทราบว่า Google ก็ใส่ใจเช่นกัน และนั่นก็ควรมีเหตุผลใช่ไหม

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

อันที่จริง นี่ไม่ใช่สิ่งใดนอกจากข่าว - Google ได้ประกาศย้อนกลับไปในปี 2010 ว่าความเร็วของไซต์เป็นปัจจัยในการจัดอันดับ ดังนั้นคุณสามารถเดิมพันได้ว่าสิ่งนี้จะไม่เปลี่ยนแปลงเมื่อพิจารณาว่าได้รับการตรวจสอบจากข้อมูลของบุคคลที่สามครั้งแล้วครั้งเล่า

วิธีวัดความเร็วไซต์

ก่อนอื่น คุณจะต้องวัดความเร็วของเว็บไซต์เพื่อประเมินว่าเว็บไซต์ต้องการความรักหรือไม่

มีเครื่องมือมากมายสำหรับคุณ และทั้งหมดนั้นใช้งานได้ฟรี

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

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

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

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

แค่เปิดใจ แล้วทุกอย่างจะดีเอง เครื่องมือที่ฉันแนะนำให้ใช้คือ:

Google PageSpeed ​​Insights

แน่นอนว่า Google มีเครื่องมือของตัวเอง และนี่คือที่ที่คุณควรเริ่มต้นการเดินทาง

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

ดูสิ่งที่แนะนำสำหรับไซต์ของคุณ และคุณควรจะได้แนวคิดที่ดีว่าส่วนใดที่คุณควรปรับปรุง

GTmetrix

เครื่องมือนี้เป็นที่ชื่นชอบของฉันอย่างง่ายดาย

เริ่มต้นด้วยคะแนนสองคะแนนที่แตกต่างกันและ "แผนภูมิน้ำตก" แผนภูมิน้ำตกอาจใช้เทคนิคเล็กน้อย แต่ถ้าคุณเริ่มขุดคุณจะพบว่าเป็นทรัพยากรที่ทรงคุณค่า

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

อย่างไรก็ตาม ยังเป็นเรื่องดีที่คุณสามารถสร้างบัญชีฟรีบน GTmetrix และเรียกใช้รายงานรายวันบนหน้าเว็บของคุณได้ จากนั้น คุณสามารถดูความคืบหน้าเมื่อเวลาผ่านไป หรือเปรียบเทียบรายงานสองฉบับ (หรือมากกว่า) เพื่อดูว่าคุณปรับปรุงรายการใดบ้างและผลสะสมที่ได้รับในแง่ของประสิทธิภาพเป็นอย่างไร

การทดสอบหน้าเว็บ

แม้จะมีรูปลักษณ์ที่ล้าสมัย แต่เครื่องมือนี้ก็ยังมีประโยชน์ ฉันจะบอกว่ามันอยู่ที่ไหนสักแห่งระหว่าง GTmetrix และ Google PageSpeed ​​Insights ในแง่ของประโยชน์

นอกจากนี้ยังมีแผนภูมิน้ำตกและคะแนนที่แตกต่างกันหลายรายการ เมื่อใช้รายงาน คุณจะได้รับข้อมูลที่เจาะจงและละเอียดมากเกี่ยวกับสิ่งที่ต้องปรับปรุงและจุดที่ปัญหาของคุณอยู่

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

การทดสอบความเร็วเว็บไซต์ Pingdom

Pingdom เป็นอีกหนึ่งข้อเสนอที่แข็งแกร่งและมีการนำเสนอเครื่องมือใด ๆ ที่ "สวยที่สุด"

พวกเขามีเวอร์ชันที่ต้องชำระเงินซึ่งมีคุณลักษณะและสิทธิพิเศษมากกว่า แต่ฉันยังไม่เคยลองมาก่อน ดังนั้นฉันจึงไม่สามารถให้คำแนะนำหรือประเมินคุณค่าหรือศักยภาพที่แท้จริงได้

ฉันสามารถพูดได้ว่าเครื่องมือฟรีนี้มีประโยชน์และฉันขอแนะนำให้ลองใช้ดู

วิธีปรับปรุงความเร็วไซต์ของคุณ

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

ในคู่มือนี้ เราแค่ทำให้เท้าเปียก ดังนั้นฉันจะสามารถเข้าถึงคำแนะนำของฉันได้ และพยายามอย่าลงลึกในแง่มุมทางเทคนิคมากเกินไป

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

เพิ่มประสิทธิภาพภาพของคุณ

รูปภาพมีค่าหนึ่งพันคำ - หรือในแง่ของขนาดไฟล์ 100,000 คำ

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

โชคดีที่การเพิ่มประสิทธิภาพรูปภาพนั้นง่ายดาย และสามารถทำได้จำนวนมากโดยใช้ปลั๊กอิน

หากคุณใช้ WordPress เพียงดาวน์โหลด EWWW Image Optimizer และแก้ไขการอัปโหลดทั้งหมดของคุณเป็นกลุ่ม ใช้เวลาเพียงไม่กี่คลิก และคุณสามารถเดินออกไปในขณะที่ยกของหนักได้

คุณจะทึ่งในการปรับปรุงที่คุณจะเห็นจากการเพิ่มประสิทธิภาพภาพ

การเลือกธีม

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

แม้ว่าจะไม่เป็นปัญหาสำหรับคุณ แต่บางธีมก็ไม่ค่อยได้รับการปรับให้เหมาะกับความเร็ว ทั้งหมดขึ้นอยู่กับธีมเฉพาะของคุณ

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

กรณีที่เลวร้ายที่สุด คุณอาจต้องตัดสินใจอย่างยากลำบากว่าในระยะยาว คุณจะต้องเลือกธีมอื่นที่มีโค้ดที่ปรับให้เหมาะสมดีกว่า

ลบปลั๊กอินที่ไม่จำเป็น

เมื่อฉันช่วยลูกค้าเพิ่มประสิทธิภาพไซต์ของพวกเขา สิ่งแรกที่ฉันทำ (หลังจากปรับรูปภาพให้เหมาะสม) คือฉันดูว่าพวกเขาได้ติดตั้งและใช้งานปลั๊กอินใดบ้าง

ฉันมักจะแปลกใจกับสิ่งที่ฉันพบ - ปลั๊กอินเสริมความงามที่ไร้ประโยชน์มากมาย การติดตาม Google Analytics ที่ซ้ำกัน มันชื่อคุณ.

ตรวจสอบรายการปลั๊กอินของคุณอย่างละเอียด - สิ่งที่คุณไม่ได้ใช้ควรถูกลบออก

คุณสามารถดูได้ว่าปลั๊กอินใดมีทรัพยากรมากผ่าน GTmetrix และคุณควรจัดลำดับความสำคัญในการนำออกหากทำได้

ขนาดหน้า

การมีรูปภาพขนาดใหญ่ วิดีโอ หรือโค้ดที่ไม่จำเป็นมากเกินไปในไฟล์ .htaccess หรือ JavaScript ของคุณ ล้วนมีส่วนทำให้ไซต์ทำงานช้าลงได้

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

นอกจากนี้ ในหัวข้อของวิดีโอที่ฝังไว้ ไฟล์เหล่านี้มักเป็นไฟล์ขนาดใหญ่และมีทรัพยากร JavaScript มากกว่าหนึ่งรายการ

ผู้คนกำลังดูวิดีโอที่ฝังอยู่ของคุณจริงหรือ ตรวจสอบการวิเคราะห์ในหน้าของคุณ (มีปลั๊กอินสำหรับสิ่งนั้น) เพื่อค้นหา หากผู้คนไม่ได้มีส่วนร่วมกับพวกเขาจริงๆ ให้ลองลบพวกเขาออกหรือปรับปรุงตำแหน่งและการเปิดเผยของพวกเขา

การบีบอัด GZip

Gzip เป็นแอปพลิเคชันที่ลดขนาดของทรัพยากรใดๆ ที่มีขนาดใหญ่กว่า 150 ไบต์ เรากำลังพูดถึง CSS, JavaScript, HTML ฯลฯ

มีเอกสารออนไลน์มากมายเกี่ยวกับวิธีการเริ่มใช้งาน และแน่นอนว่าจะสร้างความแตกต่างให้กับความเร็วหน้าเว็บของคุณ

ลดขนาดและเชื่อม CSS และ JS

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

แต่สิ่งที่ฉันสามารถบอกคุณได้ก็คือมีปลั๊กอินที่สามารถช่วยคุณได้หากคุณใช้ WordPress

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

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

... แค่นี้เหรอ?

ฮ่า คุณต้องการ

ฉันรู้ว่าทั้งหมดนี้สามารถย่อยได้มาก หากคุณไม่คุ้นเคยกับหัวข้อนี้เป็นพิเศษ แต่จะง่ายขึ้น

ยิ่งคุณเปิดเผยตัวเองในหัวข้อ ทดลองกับปลั๊กอิน และใช้เครื่องมือทดสอบมากเท่าใด คุณจะยิ่งเข้าใจเฉพาะเจาะจงมากขึ้นเท่านั้น

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