7 Hacks เพื่อให้เว็บไซต์ของคุณโหลดด้วยความเร็วสูง

เคยสังเกตไหมว่าปลาทองคุณอยู่บ้าน? ว่ายน้ำอย่างไม่รู้จบ – จากมุมหนึ่งของตู้ปลาไปอีกมุมหนึ่ง? การวิจัยแสดงให้เห็นว่ามันมีช่วงความสนใจที่ดีกว่าคุณ.


ฉันไม่ได้ล้อเล่น.

ช่วงความสนใจเฉลี่ยของมนุษย์มี ปรับตัวลดลง จาก 12 ถึงแปดวินาทีใน 20 ปีที่ผ่านมาซึ่งน้อยกว่าปลาทอง – ซึ่งก็คือ เก้า วินาที.

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

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

มันเจ็บไม่เป็นเช่นนั้น?

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

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

แต่คุณจะทำอย่างไร?

สิ่งที่คุณต้องปฏิบัติเพื่อให้เว็บไซต์ของคุณโหลดด้วยความเร็วสูง?

นี่คือบางส่วนของแฮ็คที่ชนะอย่างรวดเร็ว:

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

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

เพื่ออำนวยความสะดวกเช่นเดียวกันบริการเช่น แคช Nginx หรือขับเคลื่อนด้วย WordPress W3 Total Cache และ จรวด WP มีประโยชน์ในการเปิดใช้งานการแคชเบราว์เซอร์สำหรับเว็บไซต์.

จำกัด และนำปลั๊กอินออก

ปลั๊กอินคือ“ เสียบปลั๊ก” เพื่อปรับปรุงการทำงานเฉพาะของเว็บไซต์ซึ่งอาจรวมถึงการเพิ่มข้อมูลพิเศษเสนอการรวมที่ราบรื่นระหว่างไซต์ของคุณและเครื่องมือภายนอกหรือเปลี่ยนองค์ประกอบภาพ.

อย่างไรก็ตามจำนวนปลั๊กอินที่เพิ่มขึ้นใช้เวลาโหลดนานกว่า ตัวอย่าง -“ Facebook like box” เป็นที่ทราบกันดีว่าการทำให้เว็บไซต์ช้าลงโดยการเพิ่มขนาดหน้าเว็บที่มากถึง 700 KB ให้กับน้ำหนักหน้าโดยรวม ปลั๊กอินที่มีคุณภาพต่ำลงจะเพิ่มเวลาในการโหลดเช่นกัน กุญแจสำคัญคือการรักษาปลั๊กอินที่มีคุณภาพสูงในเว็บไซต์ของคุณต้องการและลบสิ่งที่ไม่จำเป็นออก.

ข้อเสนอแนะนี้ไม่เพียง แต่สำหรับเว็บไซต์ WP แต่สำหรับคนอื่น ๆ เช่นส่วนขยายใน Joomla, ห้องสมุดหน้า ฯลฯ.

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

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

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

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

มีเครื่องมือเพิ่มเติมให้คุณ ปรับให้เหมาะสมและจัดรูปแบบ CSS.

จำกัด การเปลี่ยนเส้นทาง 301 ของคุณ

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

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

ดังนั้น จำกัด การเปลี่ยนเส้นทาง 301 ของคุณ.

ลดขนาดภาพ

มนุษย์วิวัฒนาการมาเป็นสิ่งมีชีวิต.

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

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

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

ทางออกที่นี่คือการปรับขนาดภาพและบีบอัดพวกเขา หน้าเว็บ 25% สามารถบันทึกได้มากกว่า 250KB และประมาณ 10% ของหน้าเว็บนั้นสามารถบันทึกได้มากกว่า 1MB โดยเพียงบีบอัดไฟล์ขนาดใหญ่ตาม Google. ตรวจสอบจำนวนเครื่องมือในการบีบอัดภาพโดยไม่ลดทอนคุณภาพ.

ดังนั้นปรับภาพเว็บไซต์ของคุณและลดเวลาในการโหลดหน้าเว็บ.

ใช้โฮสต์ของบุคคลที่สาม

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

ในการแก้ปัญหาให้แชร์ไฟล์วิดีโอบนแพลตฟอร์มการโฮสต์ภายนอกเช่น YouTube หรือ Vimeo วิดีโอนั้นสามารถฝังลงในเว็บไซต์ด้วยรหัสง่าย ๆ ซึ่งจะช่วยปรับปรุงความเร็วในการโหลดเว็บไซต์อย่างมาก.

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

การบีบอัดและแคช

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

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

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

และสำหรับเว็บไซต์ WP, Kinsta เสนอการแคชฝั่งเซิร์ฟเวอร์และปลั๊กอินที่พัฒนาขึ้นภายในเพื่อจัดการแคชไซต์.

การทำเช่นนี้จะลดเวลาในการโหลดหน้าเว็บไซต์ลงอย่างมาก.

ห่อ

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map