คู่มือเริ่มต้นในการเพิ่มประสิทธิภาพไฟล์เว็บไซต์ (โหลดเร็วขึ้น 70%)

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


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

เพื่อให้เรื่องสั้นสั้นลงหนึ่งในวิธีที่สำคัญที่สุดในการเพิ่มความเร็วในการโหลดหน้าเว็บคือการทำให้ไฟล์ JavaScript (JS) ของคุณโหลดเร็วขึ้น … และคุณสามารถเพิ่มความเร็ว JavaScript โดยใช้การบีบอัด GZIP.

ตอนนี้มันเหมาะสำหรับเบราว์เซอร์ที่ทันสมัย ​​แต่คนส่วนใหญ่บนอินเทอร์เน็ตกำลังใช้อุปกรณ์และเบราว์เซอร์รุ่นล่าสุด ทั้ง Yahoo และ Google ใช้การบีบอัด GZIP.

แต่ก่อนอื่นมาสร้างบริบทหน่อย.

ขั้นตอนที่ 1: การเข้ารหัสเนื้อหาคืออะไร?

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

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

คำขอ HTTP

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

ดังนั้นคุณจะทำอย่างไรเมื่อไฟล์มีขนาดใหญ่เกินไป?

คุณจะซิปมัน เมื่อคุณส่งไฟล์ที่ซิปไปยังเบราว์เซอร์คุณจะประหยัดทั้งเวลาในการดาวน์โหลดและแบนด์วิดท์.

มีสององค์ประกอบที่เกี่ยวข้องกับเซิร์ฟเวอร์และเบราว์เซอร์ที่รู้ว่าสามารถส่งไฟล์ซิปได้:

  • เบราว์เซอร์ช่วยให้เซิร์ฟเวอร์รู้ว่าสามารถส่งเนื้อหาที่บีบอัดได้โดยส่งส่วนหัว
  • หากเนื้อหาถูกบีบอัดเซิร์ฟเวอร์จะส่งการตอบกลับ

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

เบราว์เซอร์จะต้องจัดการกับรุ่นหนักปกติคือเซิร์ฟเวอร์ไม่ได้ส่งเนื้อหาที่บีบอัด.

การตั้งค่าเซิร์ฟเวอร์

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

ประสิทธิภาพของเว็บหลังจากการบีบอัด

ในการทำเช่นนี้เพียงเปิดใช้งานการตั้งค่าการบีบอัดสำหรับ IIS หากคุณใช้ Apache จะค่อนข้างตรงไปตรงมาเพื่อเปิดใช้งานการบีบอัดข้อมูล เพียงเข้าถึงไฟล์. htaccess ของคุณและเพิ่มรหัสที่ถูกต้อง.

มีสองตัวเลือกการบีบอัดให้เลือกกับ Apache:

  • mod_deflate เป็นมาตรฐานและง่ายต่อการตั้งค่า
  • mod_gzip อนุญาตให้คุณบีบอัดเนื้อหาล่วงหน้าและมีประสิทธิภาพยิ่งขึ้น

อาปาเช่ง่ายยุบ

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

หากเบราว์เซอร์ที่เก่ากว่าก่อให้เกิดปัญหามีสิ่งที่คุณสามารถทำได้เพื่อแก้ไขผ่านการเพิ่มคำสั่งพิเศษบางอย่าง.

ในการส่งคืนเนื้อหาที่ถูกบีบอัดคุณสามารถใช้ PHP หากคุณไม่สามารถเปลี่ยนแปลงไฟล์. htaccess ของคุณได้ ใน PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start (“ ob_gzhandler”); else ob_start (); ?>

ไฟล์เวอร์ชัน gzipped ถูกส่งคืนหลังจากตรวจสอบส่วนหัวการยอมรับการเข้ารหัส สิ่งนี้คล้ายกับการสร้างเว็บเซิร์ฟเวอร์ด้วยตัวคุณเอง เพื่อบีบอัดผลลัพธ์ของคุณ, Apache ทำให้ง่ายขึ้น.

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

ตรวจสอบการบีบอัดของคุณ

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

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

หากเนื้อหาถูกบีบอัดคุณจะเห็นส่วนหัว“ การเข้ารหัสเนื้อหา: GZIP”.

ส่วนหัวของ Google chrome gzip

เพื่อรับรายละเอียดเพิ่มเติมคุณสามารถคลิกที่ไอคอนเพื่อ“ ใช้แถวขนาดใหญ่” นอกจากนี้ยังให้ข้อมูลเกี่ยวกับขนาดเนื้อหาจริงและขนาดการถ่ายโอนที่บีบอัด.

ข้อควรพิจารณา

การบีบอัดให้ประโยชน์มากมาย แต่มีข้อเสียอยู่กับทุกสิ่ง คุณต้องการที่จะตระหนักถึงสิ่งต่อไปนี้:

  • กราฟอัตราส่วนการบีบอัดเนื้อหาที่ถูกบีบอัดแล้ว: เพลงวิดีโอและรูปภาพส่วนใหญ่นั้นถูกบีบอัดอยู่แล้ว หากคุณพยายามบีบอัดอีกครั้ง, นี่เป็นเพียงการเสียเวลาส่วนใหญ่. ในกรณีส่วนใหญ่คุณเพียงแค่ต้องกังวลเกี่ยวกับการบีบอัด CSS, HTML และ JavaScript.
  • เบราว์เซอร์รุ่นเก่า: เนื้อหาที่บีบอัดไม่รองรับเบราว์เซอร์ทั้งหมด สิ่งนี้เป็นจริงสำหรับเบราว์เซอร์ที่เก่ากว่า ตัวอย่างเช่นคุณอาจต้องการหลีกเลี่ยงการบีบอัด HTTP หากคุณต้องทำงานบน Windows 95 หรือกับ Netscape 1.0 มีกฎและแนวทางในการหลีกเลี่ยงการบีบอัดสำหรับเบราว์เซอร์รุ่นเก่าที่มี Apache mod-deflate.
  • CPU โหลด: ประหยัดแบนด์วิดท์และใช้เวลา CPU เมื่อคุณบีบอัดเนื้อหาแบบทันที เมื่อพิจารณาถึงความเร็วของการบีบอัดข้อมูลจะถูกพิจารณาว่าเป็นธรรม มีหลายวิธีในการส่งผ่านเวอร์ชันบีบอัดและบีบอัดเนื้อหาแบบสแตติกล่วงหน้า โดยทั่วไปต้องการการกำหนดค่าเพิ่มเติม โปรดจำไว้ว่าผู้คนบนอินเทอร์เน็ตมีช่วงความสนใจสั้น ๆ ดังนั้นการเพิ่มความเร็วเพื่อประสบการณ์การใช้งานที่ดีขึ้นโดยใช้วงจร CPU มักเป็นความคิดที่ดีเสมอ.

ทำไมคุณควรใช้การบีบอัด GZIP

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

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

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

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

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

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

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

กรณีศึกษาแสดงให้เห็นว่าคุณสามารถปรับปรุงอัตราการแปลงได้มากกว่า 15 เปอร์เซ็นต์โดยลดเวลาในการโหลดเว็บไซต์ของคุณลงเพียง 2.2 วินาที.

การแก้ไขปัญหาเกี่ยวกับการบีบอัด GZIP

เช่นเดียวกับองค์ประกอบเทคโนโลยีทั้งหมดการบีบอัด GZIP สามารถล้มเหลวได้ด้วยเหตุผลที่เล็กที่สุด ข่าวดีก็คือสาเหตุส่วนใหญ่ของความล้มเหลวสามารถแก้ไขได้.

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

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

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

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

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

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

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

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

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

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

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

การอ้างอิงและเครดิตรูปภาพ:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector