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

1. ปรับภาพให้เหมาะสม
รูปภาพเป็นหนึ่งในแบนด์วิธที่พบบ่อยที่สุดบนเว็บ

วิธีแรกในการปรับภาพให้ดีที่สุดคือปรับขนาดให้เหมาะสม

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

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

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

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

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

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

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

การบีบอัดสามารถลดขนาดหน้าของคุณได้อย่างมากและเพิ่มความเร็ว การบีบอัดสามารถลดลง 50 – 70% จากไฟล์ HTML และ CSS ของคุณ! นั่นเป็นข้อมูลจำนวนหนึ่งที่ผู้เข้าชมไม่ต้องดาวน์โหลด

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

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

Optimized CSS หมายถึงไฟล์ของคุณจะดาวน์โหลดได้เร็วขึ้นทำให้ผู้เยี่ยมชมสามารถเข้าถึงหน้าเว็บของคุณได้เร็วขึ้น

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

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

ดังนั้นคุณจะลดไฟล์ CSS ของคุณได้อย่างไร

ก่อนอื่นดูว่า CMS ของคุณย่อเล็กสุด CSS ของคุณอยู่หรือไม่หรือมีตัวเลือก ตัวอย่างเช่น HubSpot ลด CSS ของคุณให้เล็กที่สุดโดยค่าเริ่มต้นในขณะที่เว็บไซต์ WordPress ต้องการปลั๊กอินเพิ่มเติมเช่น ashttps: //premium.wpmudev.org/project/wp-hummingbird/ https://premium.wpmudev.org/project/wp-hummingbird / เพื่อเพิ่มประสิทธิภาพไฟล์เหล่านั้น

หาก CMS ของคุณไม่มีตัวเลือก CSS ย่อขนาดเล็กสุดคุณสามารถใช้บริการออนไลน์ฟรีเช่น CSS Minifier เพื่อย่อขนาดไฟล์ของคุณ เพียงวางใน CSS ของคุณแล้วกด“ บีบอัด” เพื่อดูสไตล์ชีทที่ย่อขนาดใหม่

การย่อขนาดไฟล์ทรัพยากรของคุณเป็นวิธีที่ยอดเยี่ยมในการลดขนาดไฟล์ของคุณ เชื่อใจฉัน – ช่องว่างเล็ก ๆ น้อย ๆ เหล่านั้นมารวมกันอย่างรวดเร็ว

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

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

ทางออกที่ง่ายที่สุดคือการวางไฟล์ Javascript ภายนอกของคุณไว้ที่ด้านล่างของหน้าของคุณก่อนที่จะปิดแท็กร่างกายของคุณ ขณะนี้ไซต์ของคุณสามารถโหลดได้มากขึ้นก่อนสคริปต์ของคุณ

อีกวิธีหนึ่งที่ช่วยให้สามารถควบคุมได้มากขึ้นคือการใช้แอตทริบิวต์ defer หรือ async เมื่อวางไฟล์. js ภายนอกบนเว็บไซต์ของคุณ

Leave a Reply

Your email address will not be published. Required fields are marked *