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

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

อะไรทำให้เว็บไซต์ของคุณช้า?

คุณควรตรวจสอบโพสต์ก่อนหน้าของฉันด้วย 16 วิธีในการเร่งความเร็วเว็บไซต์ WordPress ของคุณ

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

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

1. เว็บไซต์หนักมาก

ไม่ต้องสงสัยเลยว่าหน้าขนาด 3MB ที่ส่งคำขอ HTTP 180 รายการจะช้ากว่าเว็บไซต์ขนาด 1MB ที่มีคำขอ HTTP 60 รายการ

คุณต้องการเพิ่มประสิทธิภาพเวลาในการโหลดไซต์ของคุณหรือไม่?

วิธีที่ดีที่สุดวิธีหนึ่งคือการลดขนาดของแต่ละหน้าในไซต์ของคุณ

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

21MB เป็นภาระมหาศาลสำหรับเซิร์ฟเวอร์และเบราว์เซอร์ของคุณ

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

คุณควรถามตัวเองเสมอว่า

ฉันต้องการรูปภาพขนาดใหญ่ 8 รูปในสไลด์โชว์บนหน้าแรกจริงหรือ

ฉันต้องแสดงรายการพอร์ตโฟลิโอ 20 รายการในหน้าแรกหรือไม่?

ฉันควรแสดงข้อความรับรองของผู้ใช้ที่มีความสุข 12 รายการในหน้าแรกหรือ 3 ข้อความรับรองจะใช้ได้ผลเช่นกัน

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

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

2. ภาพที่ไม่ได้รับการปรับให้เหมาะสม

คุณรู้หรือไม่ว่า 80% ของเวลาที่ใช้ในการโหลดเว็บไซต์ถูกควบคุมโดยโครงสร้างส่วนหน้า?

นี่คือข้อเท็จจริงอันน่าทึ่งของการเพิ่มประสิทธิภาพประสิทธิภาพของเว็บ

80% ของเวลาตอบสนองของผู้ใช้ปลายทางถูกใช้ในส่วนหน้า มุ่งเน้นไปที่สิ่งนั้น

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

ไฟล์ PNG ขนาด 460KB จะกลายเป็น 90KB ได้ด้วยการเพิ่มประสิทธิภาพ

หากคุณมี 10 ภาพที่ไม่ได้รับการปรับแต่งที่ไซต์ของคุณ คุณสามารถเพิ่มการโหลดหน้าเว็บเพิ่มเติมได้ 2-3 MB

หากคุณไม่ปรับภาพให้เหมาะสม เวลาในการโหลดเว็บไซต์อาจได้รับผลกระทบอย่างรุนแรง

ข่าวดีก็คือรูปภาพ JPG และ PNG ส่วนใหญ่สามารถมีขนาดเล็กลง 40% หรือมากถึง 80% โดยไม่สูญเสียคุณภาพของภาพโดยการเพิ่มประสิทธิภาพโดยใช้ Photoshop, ImageOptim หรือเครื่องมือของบุคคลที่สามเช่น Kraken

3. การใช้โฆษณามากเกินไป

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

เว็บไซต์ที่โหลดโฆษณาในส่วนหัว ไปที่แถบด้านข้างขวา ในเนื้อหาของโพสต์ และที่ด้านล่างของหน้าโดยใช้บริการโฆษณาที่แตกต่างกัน 2 หรือ 3 รายการ จะช้ากว่าเว็บไซต์ที่มีโฆษณาเพียง 1 รายการมาก ในแถบด้านข้างขวาหรือในเนื้อหาของโพสต์

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

โปรดตรวจสอบภาพหน้าจอต่อไปนี้จากเว็บไซต์ของลูกค้า

คุณต้องการโฆษณาที่น่ารำคาญเหล่านี้จริงๆหรือ?

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

โดยสรุปแล้ว โฆษณาควรใช้ด้วยความระมัดระวังเสมอ ตราบใดที่โฆษณาไม่สร้างรายได้ ก็ควรลบออก

4. ขนาดภาพของคุณไม่ถูกต้อง

คุณไม่ควรปรับขนาดรูปภาพใน HTML คุณควรปรับขนาดรูปภาพขนาดใหญ่และใช้รูปภาพที่ปรับขนาดแทน

ตัวอย่างเช่น สมมติว่าคุณมีรูปภาพขนาด 1200px x 600px และคุณต้องการใช้เวอร์ชัน "เล็กกว่า" เช่น 400px x 200px

ในกรณีนั้น อย่าใช้ภาพต้นฉบับและย่อขนาดลงโดยเปลี่ยนขนาดความกว้างและความสูงใน HTML

คุณต้องสร้างภาพขนาดย่อใหม่โดยปรับขนาดภาพต้นฉบับจาก 1200px x 600px เป็น 400px x 200px และใช้ภาพใหม่ที่เล็กกว่าและจะโหลดเร็วขึ้น

ฉันเจอไซต์มากมายที่เคยโหลดรูปภาพ Facebook ขนาด 256 x 256 ขนาด 150KB แทนที่จะเป็นไอคอน facebook ขนาด 32 x 32 ขนาด 2KB!

5. การเปลี่ยนเส้นทางที่ไร้จุดหมาย

ฉันมีแบบทดสอบสั้นๆ หนึ่งข้อสำหรับคุณ

รูปภาพใดต่อไปนี้โหลดเร็วกว่า A, B, C หรือ D?

ก. http://www.domain.com/image.jpg
ข. http://domain.com/image.jpg
ค. https://www.domain.com/image.jpg
ง. https://domain.com/image.jpg

เลือก A? ผิด.
คุณเลือกบีไหม ผิด.
คุณเลือกซี? ผิด.
เลือก D? ผิดอีกแล้ว!

คำตอบที่ถูกต้องคือขึ้นอยู่กับเว็บไซต์ของคุณ!

หากไซต์ของคุณคือ https://www.domain.com การเรียกใช้รูปภาพเวอร์ชันที่ไม่ใช่ HTTPS (http://www.domain.com/image.jpg) จะมีการเปลี่ยนเส้นทางเพิ่มเติมจาก http: //www.domain.com/image.jpg ไปที่ https://www.domain.com/image.jpg โดยเบราว์เซอร์เพื่อโหลดภาพ

หากคุณกำลังใช้เวอร์ชันที่ไม่มี www สำหรับไซต์ของคุณ (http://domain.com/) คุณควรใช้เวอร์ชันที่ไม่มี www สำหรับรูปภาพของคุณด้วยเสมอ (เช่น http://domain.com/image jpg แทน http://www.domain.com/image.jpg)

เบราว์เซอร์ไม่ชอบการเปลี่ยนเส้นทางที่ไร้จุดหมายประเภทนี้

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

โดยใช้ URL สัมพัทธ์สำหรับไฟล์ของคุณ (เช่น <img src=”//eadn-wc04-1126528.nxedge.io/image.jpg” />) คุณสามารถกำจัดปัญหาทั่วไปที่ทำให้เวลาในการโหลดของไฟล์ช้าลง ไซต์ของคุณ

6. ตำแหน่งเซิร์ฟเวอร์ไม่ถูกต้อง

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

ยิ่งเซิร์ฟเวอร์อยู่ใกล้ผู้เยี่ยมชมเว็บไซต์ของคุณมากเท่าไหร่ เว็บไซต์ของคุณก็จะยิ่งเร็วขึ้นเท่านั้น

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

7. Dodgy แชร์แผนโฮสติ้ง

ไม่มีใครอยากจ่าย $$$ สำหรับการโฮสต์ไซต์ แต่การให้บริการไซต์ WooCommerce ที่มีปลั๊กอินที่ใช้งานอยู่ 40 ตัวหรือไซต์ Magento ที่มีผลิตภัณฑ์ 5,000 รายการผ่านแผนโฮสติ้งที่ใช้ร่วมกันซึ่งมีค่าใช้จ่าย 5 เหรียญต่อเดือนเป็นสูตรสำหรับภัยพิบัติ

คุณควรลงทุนในบริษัทโฮสติ้งที่ดีเสมอเพื่อให้ได้เวลาโหลดที่ดีที่สุดสำหรับไซต์ของคุณ

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

หากคุณมีไซต์ WordPress จำนวนมากที่ใช้ Woocommerce หรือปลั๊กอินที่ใช้งานอยู่จำนวนมาก ฉันขอแนะนำ WP Engine และ FlyWheel (ลิงก์พันธมิตร)

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

8. การใช้สคริปต์โซเชียลมีเดียมากเกินไป

สคริปต์โซเชียลมีเดีย (Facebook, Twitter, Pinterest เป็นต้น) จะเพิ่มการค้นหา DNS ชุดไฟล์ Javascript และรูปภาพสองสามรูปด้วยทุกครั้งที่เพิ่มลงในหน้า

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

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

การแสดงจำนวนโซเชียลมีเดียที่แตกต่างกัน 5 รายการสำหรับแต่ละโพสต์ในหน้าแรกหรือหน้าหมวดหมู่จะเพิ่มภาระให้กับไซต์ของคุณอย่างมาก การแสดงการนับในหน้าเหล่านี้มีความสำคัญเพียงใด? คุณจำเป็นต้องแสดง Facebook, Twitter, Pinterest, Google Plus และ LinkedIn ด้วยหรือไม่?

สคริปต์โซเชียลมีเดียมากเกินไปอาจทำลายประสิทธิภาพของไซต์ของคุณได้

คุณควรจะแสดง 1 หรือ 2 ที่ทำงานได้ดีสำหรับคุณหรือไม่? ถ้าได้หุ้นมาไม่เยอะ จะมีอะไรให้แสดงอีกมั้ย?

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

9. ประเภทไฟล์สำหรับรูปภาพของคุณไม่ถูกต้อง

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

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

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

ใช้ JPG เป็นค่าเริ่มต้นของคุณ เป็นไฟล์ประเภทที่เล็กที่สุดและโหลดเร็วที่สุดสำหรับไฟล์ส่วนใหญ่

10. ไม่ใช้ประโยชน์จากบริการเฉพาะทาง

มีบริการยอดนิยมจำนวนมากที่สามารถลดภาระของเซิร์ฟเวอร์ของคุณได้

คุณมีวิดีโอบนเว็บไซต์ของคุณหรือไม่? คุณควรใช้ Youtube, Wistia หรือ Vimeo

คุณมีความคิดเห็นมากมายเกี่ยวกับเว็บไซต์ของคุณหรือไม่? คุณควรใช้ Disqus, IntenseDebate หรือ
วาทกรรม.

คุณใช้ jQuery, jQuery UI, AngularJS หรือ Mootools หรือไม่ คุณควรโหลดผ่านไลบรารีที่โฮสต์โดย Google

คุณใช้ WordPress และแสดงบทความยอดนิยมหรือไม่? คุณควรใช้ Jetpack ซึ่งทำสิ่งนั้นให้คุณโดยอัตโนมัติ

คุณยังสามารถใช้เครือข่ายการจัดส่งเนื้อหา (CDN) เพื่อให้บริการรูปภาพจากเครือข่ายแทนไซต์ของคุณได้

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

11. 404 ข้อผิดพลาด

หากคุณพยายามโหลดไฟล์ที่ไม่มีอยู่หรือไม่พบเบราว์เซอร์ เวลาในการโหลดเว็บไซต์ของคุณจะได้รับผลกระทบจากข้อผิดพลาด 404 HTTP นี้

คุณควรตรวจสอบข้อผิดพลาด 404 ระหว่างการแสดงผลหน้าเว็บของคุณเสมอเพื่อให้โหลดได้เร็วที่สุด คุณสามารถทำได้โดยตรวจสอบ Waterfall ที่สร้างขึ้นในเว็บไซต์ของคุณโดยใช้ Webpagetest และ GTMetrix หรือโดยใช้แท็บเครือข่ายของเบราว์เซอร์ เช่น Chrome และ Firefox

หาก Webpagetest แสดงเส้นสีแดงบน Waterfall คุณควรแก้ไขปัญหาและแก้ไขข้อผิดพลาด 404 เหล่านั้นทันที

ข้อผิดพลาด 404 อาจทำให้เวลาในการโหลดเสียหายได้

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

12. ไม่แคชไซต์ของคุณ

ทุกระบบจัดการเนื้อหา (WordPress, Joomla, Drupal, Magento) ใช้ฐานข้อมูลเพื่อบันทึกข้อมูลชุดใหญ่ไว้

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

คุณสามารถแก้ปัญหานี้ได้โดยใช้การแคช

หากคุณใช้ WordPress คุณสามารถใช้ปลั๊กอินแคชเช่น
W3 Total Cache หรือ WP Super Cache หรือ ZenCache หรือใช้บริษัทโฮสติ้งเซิร์ฟเวอร์ที่มีการจัดการ เช่น WP Engine และ FlyWheel (ลิงก์พันธมิตร) ซึ่งดูแลแคช

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

การแคชหน้าเว็บทำให้ไซต์ของคุณเร็วขึ้นอย่างมาก

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

13. คำขอ HTTP หลายร้อยรายการ

ทุกไฟล์ CSS, ไฟล์ Javascript หรือรูปภาพที่โหลดบนไซต์ของคุณเป็นคำขอ HTTP ยิ่งไซต์ของคุณมีคำขอ HTTP มากเท่าไร เว็บไซต์ของคุณก็จะยิ่งช้าลงเท่านั้น

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

246 คำขอ HTTP จะทำให้เว็บไซต์ของคุณช้าลงไม่ว่าจะได้รับการปรับให้เหมาะสมแค่ไหน

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

14. การกำหนดค่าเซิร์ฟเวอร์ไม่ถูกต้อง

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

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

การเปิดใช้งาน HTTP Keep-Alive ช่วยให้การเชื่อมต่อ TCP เดียวกันส่งและรับคำขอ HTTP หลายรายการ ซึ่งจะช่วยลดเวลาแฝงสำหรับคำขอที่ตามมา

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

หากคุณใช้แผนโฮสติ้งที่ใช้ร่วมกันและบริษัทโฮสติ้งของคุณปิดใช้งานการบีบอัดข้อมูลและ Keep-Alive คุณควรเปลี่ยนบริษัทโฮสติ้งโดยเร็วที่สุด

ควรเปิดใช้งาน Keep-Alive และการบีบอัดบนเซิร์ฟเวอร์ของคุณ

15. การนำเข้า CSS

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

คุณควรหลีกเลี่ยงการนำเข้า CSS ทุกครั้งที่ทำได้

16. การโหลดไฟล์ที่ไม่จำเป็นในแต่ละหน้า

คุณควรโหลดไฟล์ CSS และ Javascript เมื่อจำเป็นบนหน้าเว็บไซต์ของคุณเท่านั้น

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

ถ้าคุณไม่ทำตามกฎง่ายๆ นี้ คุณสามารถโหลดไฟล์ CSS 30 ไฟล์และจาวาสคริปต์ 40 ไฟล์บนเพจที่ต้องการไฟล์ CSS 3 ไฟล์และจาวาสคริปต์ 4 ไฟล์ ดังนั้นคุณจึงส่งคำขอ HTTP พิเศษ 63 คำขอและเพิ่มหลายร้อยกิโลไบต์ในหน้า ขนาด.

17. กำลังโหลดไฟล์หนักบนพื้นหลัง

เว็บไซต์หลายแห่งเคยโหลดภาพพื้นหลังขนาดใหญ่ซึ่งแทบจะมองไม่เห็น

คุณต้องการภาพขนาด 500KB ที่โหลดบนพื้นหลังหรือไม่? คุณควรลองใช้ CSS3 ทุกครั้งที่ทำได้หรือใช้สีพื้นหลังแทน

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

เทคนิคเหล่านี้ส่วนใหญ่ทำให้ไซต์ของคุณช้าลงและควรหลีกเลี่ยง

18. ไม่ใช้ผู้เชี่ยวชาญ

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

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

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

มือสมัครเล่นสามารถปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุด แต่ไม่รู้ว่าจะเริ่มจากตรงไหน

ผู้เชี่ยวชาญจะแก้ไขปัญหาจริงที่ทำให้ไซต์ของคุณช้าลง

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

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

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

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

ลองนึกภาพว่าผู้ใช้ของคุณจะมีความสุขแค่ไหนที่ได้เห็นเวลาโหลดที่เร็วมาก!

หากคุณต้องการจ้างฉัน ฉันยินดีช่วยคุณ ดูผลงานของฉันและติดต่อฉันบน AwesomeWeb วันนี้!