5 ขั้นตอนในการลดเวลาในการโหลดเว็บไซต์ลง 54%

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

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

จากการวิจัยของ Gomez.com ผู้เยี่ยมชมเว็บประมาณครึ่งหนึ่งต้องการให้ไซต์โหลดภายใน 2 วินาที และมักจะออกจากไซต์ที่ไม่ได้โหลดภายใน 3 วินาที 79% ของนักช็อปออนไลน์ที่มีปัญหากับประสิทธิภาพของเว็บไซต์กล่าวว่าพวกเขาจะไม่กลับมาที่เว็บไซต์เพื่อซื้ออีก และประมาณ 44% ของพวกเขาจะแบ่งปันกับเพื่อน ๆ หากพวกเขามีประสบการณ์ที่ไม่ดีกับการช้อปปิ้งออนไลน์

ข่าวดีก็คือ ในกรณีส่วนใหญ่ เวลาในการโหลดหน้าเว็บสามารถปรับปรุงได้อย่างมากด้วยการปรับแต่งเล็กน้อย อาจมากถึง 54% กับห้าคนที่เรากำลังจะมอบให้คุณ พร้อม? ไปกันเถอะ!

#1. ย่อรูปภาพเหล่านั้นให้เล็กลง

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

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

#2. ทำให้เบราว์เซอร์ของคุณทำงานแคช

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

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

#3. ลดขนาดเว็บไซต์ของคุณ

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

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

#4. ปรับปรุง CSS ของคุณ

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

ขั้นตอนต่อไปของคุณคือการย่อขนาด CSS นี่เป็นกระบวนการลบช่องว่างพิเศษในโค้ดที่ทำให้ดูสวยงามแต่ทำให้เวลาในการโหลดช้าลง หากคุณกำลังใช้ CMS สำหรับเว็บไซต์ของคุณ บางตัว (HubSpot) จะย่อขนาด CSS โดยอัตโนมัติ ในขณะที่บางตัว (WordPress, Joomla) จะไม่ย่อขนาด หากคุณต้องการตัวเลือกของบุคคลที่สาม ลองดูบริการออนไลน์ฟรี เช่น CSS Minifier ตัด แปะ และบีบอัด

#5. ค้นหาสคริปต์อย่างมีกลยุทธ์

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

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

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

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

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

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

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