แนวทางปฏิบัติที่ดีที่สุดและเคล็ดลับการปรับปรุงความเร็วในการโหลดเว็บไซต์
เผยแพร่แล้ว: 2019-01-30เมื่อพูดถึงผู้ใช้ออนไลน์ในปัจจุบัน พวกเขาต้องการสิ่งที่พวกเขาต้องการและตอนนี้พวกเขาต้องการมัน เราทุกคนเคยอยู่ในสถานการณ์ที่แหล่งข้อมูลออนไลน์มีความเร็วในการโหลดเว็บไซต์ช้าเกินไป และเราก็แค่คลิกไป ต้องขอบคุณโซเชียลมีเดีย ทีวี และเทคโนโลยีสมัยใหม่อื่นๆ ที่ทำให้มนุษย์ทุกวันนี้ไม่เป็นที่รู้จักในเรื่องความอดทนและความมุ่งมั่น
ความเร็วเป็นฆาตกรเงียบของเว็บไซต์ ผู้ใช้เว็บไซต์เกือบครึ่งคาดหวังให้เว็บไซต์ของคุณโหลดได้ภายใน 2 วินาทีหรือน้อยกว่า นั่นอาจฟังดูบ้า แต่เป็นความจริงที่แม้เวลาโหลดช้าเพียงไม่กี่วินาทีก็จะทำให้ผู้ใช้ตกใจโดยไม่ต้องคิดอะไรเลย ความจริงก็คือคุณต้องการให้เว็บไซต์ของคุณโหลดได้อย่างถูกต้องและรวดเร็ว
แนวทางปฏิบัติที่ดีที่สุดความเร็วในการโหลดเว็บไซต์
คุณอาจไม่ทราบว่าเว็บไซต์ของคุณช้าเพียงใด เว้นแต่คุณจะทดสอบด้วยตัวเอง โชคดีที่คุณสามารถทำสิ่งนี้ได้ฟรีที่ Google PageSpeed เป็นเครื่องมือบนเว็บสำหรับระบุเวลาในการโหลดและค้นหาพื้นที่ที่มีปัญหา เวลาในการโหลดเว็บไซต์ของคุณเป็นอย่างไร? หากคุณต้องการงานบางอย่าง ไม่ต้องกังวล การปรับปรุงความเร็วในการโหลดเว็บไซต์ของคุณทำได้ง่ายกว่าที่คุณคิดด้วยการคลิกเพียงไม่กี่ครั้ง ต่อไปนี้คือเคล็ดลับเพิ่มเติมบางส่วนที่จะช่วยให้คุณเริ่มต้นได้
ใช้การบีบอัด Gzip เพื่อความเร็วในการโหลดเว็บไซต์ที่ดีขึ้น
การบีบอัด Gzip เป็นเครื่องมือที่มีประสิทธิภาพซึ่งช่วยลดขนาดการตอบสนองได้ประมาณ 70% ซึ่งน่าประทับใจ Gzip เป็นบางอย่างที่ทำผ่านโฮสต์ของคุณ ดังนั้น คุณจะต้องถามโฮสต์เว็บของคุณว่าพวกเขาใช้การบีบอัดนี้บนเซิร์ฟเวอร์ของตนหรือไม่ ด้วย Gzip คุณจะลดเวลาตอบสนองโดยไม่กระทบต่อคุณภาพของวิดีโอ รูปภาพ หรือองค์ประกอบอื่นๆ ของคุณ
คุณสามารถทำการทดสอบเพื่อดูว่าเว็บไซต์ของคุณเป็น GZIPPED หรือไม่ และเรียกใช้การทดสอบการบีบอัด Zip Gzipping ทำงานอย่างไรโดยการลดขนาดของการตอบสนอง HTTP ในที่สุดมันก็เปลี่ยนน้ำหนักของหน้า
แคชไฟล์ของคุณ
การแคชคือเมื่อเวอร์ชันของเว็บไซต์ของคุณถูกเก็บไว้ในเบราว์เซอร์ของผู้ใช้ ด้วยวิธีนี้ เมื่อพวกเขาเข้าชมเว็บไซต์ของคุณอีกครั้ง จะมีเวอร์ชันก่อนหน้าที่จะโหลดจนกว่าเวอร์ชันใหม่จะสามารถรีเฟรชได้ การแคชสามารถลดเวลาในการโหลดจาก 2 วินาทีเหลือน้อยกว่า 1 วินาที นั่นเป็นการกระโดดครั้งใหญ่และเป็นสิ่งที่คุณควรใส่ใจ โชคดีที่ตั้งค่าแคชกับเว็บไซต์ของคุณได้ง่าย หากคุณใช้ WordPress คุณสามารถใช้ปลั๊กอิน W3 Total Cache ได้ฟรี วันนี้การแคชเป็นสิ่งจำเป็นเพื่อเพิ่มการเพิ่มประสิทธิภาพการโหลดเว็บไซต์ของคุณ
นอกจากการแคชฝั่งเซิร์ฟเวอร์แล้ว คุณควรเปิดใช้งานการแคชของเบราว์เซอร์ด้วย โดยพื้นฐานแล้วนี่เป็นวิธีการสั่งให้เบราว์เซอร์จัดเก็บสำเนาของไฟล์สแตติก เช่น ไฟล์รูปภาพ, CSS และ JS บนเบราว์เซอร์ เพื่อให้ผู้เยี่ยมชมไม่ต้องรอให้ไฟล์เหล่านี้ดาวน์โหลดไฟล์อีกครั้งเมื่อพวกเขามาที่เว็บไซต์ของคุณอีกครั้ง คุณสามารถอ่านเพิ่มเติมในการรวบรวมข้อมูลเกี่ยวกับการแคชของเบราว์เซอร์ WordPress ได้
อัปเกรดโฮสต์เว็บไซต์ของคุณ
การมีโฮสต์ที่เหมาะสมสำหรับเว็บไซต์ของคุณสามารถส่งผลต่อประสิทธิภาพของเพจได้ คุณสามารถเปลี่ยนแปลงเว็บไซต์ได้มากเท่าที่ต้องการ แต่ถ้าไม่เห็นการปรับปรุงมากนัก โฮสต์ของคุณอาจถูกตำหนิ เป็นเรื่องน่าดึงดูดใจที่จะเลือกตัวเลือกโฮสติ้งที่ถูกที่สุดเมื่อคุณเปิดตัวเว็บไซต์เป็นครั้งแรก แม้ว่าวิธีนี้อาจจะใช้ได้สักระยะ แต่คุณก็มีแนวโน้มว่าจะเติบโตเร็วกว่านี้หากคุณโฮสต์ไฟล์จำนวนมากหรือหากคุณประสบปัญหาการเข้าชมมากขึ้น
แผนการที่ถูกกว่ามักจะถูกแชร์ และนี่หมายความว่าปัญหาใดๆ ในเว็บไซต์เพื่อนบ้านของคุณจะส่งผลต่อตัวคุณเองด้วย การมีเซิร์ฟเวอร์เฉพาะช่วยให้คุณหลีกเลี่ยงปัญหาที่อาจเกิดขึ้นได้หากคุณใช้เซิร์ฟเวอร์ที่ใช้ร่วมกัน คุณจะมีตัวเลือกการบริการลูกค้าเพิ่มเติมหากต้องการความช่วยเหลือเกี่ยวกับเวลาตอบกลับ
ซื้อโฮสติ้ง
ตรวจสอบธีมเว็บไซต์ของคุณ
วิธีการออกแบบเว็บไซต์ของคุณจะขึ้นอยู่กับว่าเว็บไซต์ของคุณปรากฏต่อผู้เข้าชมได้ดีเพียงใดและรวดเร็วเพียงใด การเปลี่ยนธีมอาจใช้เวลาเพียงไม่กี่วินาทีอันมีค่าในการโหลดเว็บไซต์ของคุณ
การใช้เครื่องมือสร้างเพจหรือธีมของเว็บไซต์แบบมืออาชีพจะช่วยให้แน่ใจว่าเว็บไซต์ของคุณจะไม่เต็มไปด้วยโค้ดที่ไม่จำเป็นและยุ่งเหยิง นั่นเป็นเหตุผลว่าทำไมคุณจึงต้องพิจารณามากกว่าความสวยงามของเทมเพลต ธีม หรือเครื่องมือสร้างเว็บไซต์ของคุณ นอกจากนี้ ให้พิจารณาลงชื่อเข้าใช้เว็บไซต์หรือเว็บแอปของคุณ การบันทึกเว็บไซต์ช่วยให้คุณค้นพบปัญหาก่อนที่จะเกิดปัญหา และช่วยให้เว็บไซต์ของคุณไม่ประสบปัญหา หรือคุณสามารถส่งข้อความบันทึกได้โดยตรงด้วยเครื่องมือเช่น Papertrail App
ลดไฟล์ Java และ CSS ของคุณ
เว็บไซต์ส่วนใหญ่ในปัจจุบันใช้ไฟล์ Javascript และ CSS จำนวนมาก และไฟล์เหล่านี้อาจได้รับการปฏิบัติเป็นรายบุคคลในเบราว์เซอร์ของผู้ใช้ของคุณ การมีคำขอมากเกินไปในคราวเดียวจะลดความเร็วในการโหลดเว็บไซต์ของคุณ หากคุณสามารถย่อไฟล์เหล่านี้ได้ทั้งหมด คุณจะไม่เพิ่มน้ำหนักให้กับเวลาในการโหลดเว็บไซต์ของคุณมากนัก
การโหลดไฟล์ Java และ CSS จากภายนอกแทนที่จะบีบอัดทุกหน้าเป็นแนวคิดที่ฉลาด จากนั้น ผู้ใช้จำเป็นต้องโหลดไฟล์ตามที่ปรากฏเท่านั้น ไม่ใช่ทุกครั้งที่มีคนเข้าชมหน้าใหม่บนเว็บไซต์ของคุณ อย่าทำให้เบราว์เซอร์ของผู้ใช้ของคุณสับสนกับไฟล์จำนวนมากเกินไป
แบกภาระของคุณผ่านเครือข่าย
หากคุณกำลังประสบปัญหาการรับส่งข้อมูลสูง คุณต้องจริงจังกับเครือข่ายของคุณ บริการ Content Delivery Network (CDN) นำไฟล์ไปยังผู้ใช้ของคุณโดยตรงโดยใช้เซิร์ฟเวอร์ในพื้นที่ทางภูมิศาสตร์ต่างๆ ซึ่งหมายความว่ามีเวลาระหว่างสถานที่น้อยลงเพื่อให้ไซต์ของคุณสามารถโหลดเร็วขึ้น CDN ที่เป็นที่รู้จักมากที่สุดคือ Amazon CloudFront และง่ายต่อการรวมเข้ากับเว็บไซต์ปัจจุบันของคุณ
ลองใช้แพลตฟอร์มโฮสติ้งภายนอก
เช่นเดียวกับ CDN คุณสามารถโฮสต์ไฟล์ของคุณบนแพลตฟอร์มการโฮสต์ภายนอกเพื่อหลีกเลี่ยงการชะลอความเร็วในการโหลดของคุณ ซึ่งเป็นเรื่องปกติสำหรับไฟล์วิดีโอ วิดีโอมีขนาดใหญ่มาก และการอัปโหลดโดยตรงไปยังเว็บไซต์ของคุณจะใช้พื้นที่มาก อาจมีขนาดเกิน 100 MB ได้ ดังนั้นจึงไม่ฉลาดในการโฮสต์วิดีโอหรือไฟล์ขนาดใหญ่อื่นๆ บนเซิร์ฟเวอร์ของคุณเอง
ทางที่ดีควรโฮสต์ไฟล์เหล่านี้ไว้ภายนอก YouTube และ Vimeo เป็นตัวเลือกที่ยอดเยี่ยมสำหรับไฟล์วิดีโอ จากที่นั่น คุณสามารถฝังวิดีโอบนเว็บไซต์ของคุณได้ ช่วยประหยัดพื้นที่และไม่ทำให้เวลาในการโหลดของคุณช้าลง นอกจากนี้ยังง่ายกว่ามาก!
โดยเฉพาะอย่างยิ่ง การใช้ YouTube จะเป็นการเปิดเนื้อหาของคุณสู่ผู้ชมกลุ่มใหม่ทั้งหมด อันที่จริง YouTube ถือเป็นหนึ่งในเสิร์ชเอ็นจิ้นที่ใหญ่ที่สุดและดึงดูดผู้ใช้มากกว่าหนึ่งพันล้านคนต่อเดือน ใช้งานได้ฟรี และคุณสามารถอัปโหลดวิดีโอได้นานถึง 15 นาที (หรือมากกว่านั้นหากคุณส่งคำขอ) คุณไม่สามารถผิดพลาดได้
ตรวจสอบคำขอ HTTP ของคุณ
Yahoo อ้างว่า 80% ของเวลาในการโหลดเว็บไซต์มาจากการดาวน์โหลดส่วนต่างๆ ทั้งหมดของหน้า แม้ว่าเราจะพูดถึงแนวทางปฏิบัติที่ดีที่สุดเกี่ยวกับไฟล์ Java และ CSS แล้ว แล้วอย่างอื่นล่ะ ยิ่งต้องโหลดองค์ประกอบในหน้ามากเท่าใด หน้าก็จะยิ่งใช้เวลานานขึ้นเท่านั้นจึงจะปรากฏอย่างสมบูรณ์
คุณสามารถตรวจสอบจำนวนคำขอเหล่านี้ได้โดยไปที่เบราว์เซอร์ของคุณ Google Chrome มาพร้อมกับเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ซึ่งเน้นที่คำขอ HTTP ในการเข้าถึงเครื่องมือเหล่านี้ ให้คลิกขวาที่หน้าของคุณใน Google Chrome คลิก ตรวจสอบ จากนั้นไปที่แท็บเครือข่าย
ตอนนี้คุณสามารถดูได้ว่าแต่ละไฟล์ใช้เวลานานเท่าใดในการโหลดภายใต้ส่วน "เวลา" ที่มุม คุณจะเห็นจำนวนคำขอทั้งหมดด้วย การลดคำขอที่ใช้เวลามากที่สุดเป็นวิธีที่ง่ายในการเร่งความเร็วในการโหลดเว็บไซต์ของคุณ อ่านต่อเพื่อเรียนรู้วิธีที่ดีที่สุดในการรวมไฟล์ในเคล็ดลับถัดไป
รวมและย่อไฟล์ HTML
เมื่อคุณย่อไฟล์ คุณจะลบช่องว่างหรือโค้ดที่ไม่จำเป็นออกไป สิ่งเล็กน้อยเหล่านี้อาจดูไม่สำคัญ แต่จะเพิ่มเวลาในการโหลดของคุณ เป้าหมายคือการมีไฟล์ HTML ที่บางที่สุด
ตรวจสอบเว็บไซต์ของคุณเพื่อดูว่ามีหน้าเว็บที่ไม่จำเป็นที่คุณไม่ได้ใช้อีกต่อไปหรือไม่ มีสถานที่ใดบ้างที่คุณสามารถกำจัดช่องว่างหรือโค้ดที่ไม่จำเป็น สุดท้าย ให้รวมไฟล์ HTML เข้าด้วยกันเพื่อให้แน่ใจว่าคุณจะไม่ต้องเสียเวลาโหลดเว็บไซต์ของคุณ
ใช้ CSS ภายนอก
CSS คือวิธีที่คุณรวมองค์ประกอบสไตล์และการออกแบบสำหรับเพจของคุณ เว็บไซต์ของคุณสามารถเข้าถึงไฟล์ภายนอกที่โหลดก่อนเพจของคุณหรือเข้าถึงสไตล์อินไลน์ การรวม CSS ของคุณในเอกสาร HTML ของคุณนั้นเพิ่มโค้ดจำนวนมาก อย่างที่เราพูดไปก่อนหน้านี้มันไม่ดี
คุณควรใช้ CSS ภายนอกซึ่งโหลดอยู่ในส่วนหัวของ HTML ของคุณแทน อย่าใส่ CSS ใด ๆ ใน HTML ของคุณหากคุณสามารถหลีกเลี่ยงได้ โดยเฉพาะอย่างยิ่งหมายถึง divs หรือหัวเรื่อง จะสะอาดกว่าและบางกว่ามากหากคุณใช้สไตล์ชีตภายนอก แก้ไขได้ง่ายกว่ามาก
หากคุณไม่แน่ใจเกี่ยวกับสถานะของ CSS ให้ใช้เครื่องมือการนำส่ง CSS เพื่อดูว่าไฟล์ CSS ของคุณมีการจัดกลุ่มอย่างไร ซึ่งจะแจ้งให้คุณทราบว่าไฟล์ภายนอกของคุณอยู่ที่ใด และหากคุณมีองค์ประกอบแบบอินไลน์ใน HTML ของคุณ หากเป็นไปได้ ให้ใช้ไฟล์ CSS ภายนอกเพียงไฟล์เดียว คุณสามารถรวมไฟล์ได้ถ้าคุณมีมากกว่าหนึ่งไฟล์

เลื่อนการโหลด Javascript ของคุณ
เมื่อคุณเลื่อนไฟล์ เช่น JavaScript คุณแน่ใจว่าส่วนที่เหลือของเว็บไซต์ของคุณโหลดได้อย่างเหมาะสมก่อนที่จะโหลดองค์ประกอบ Java เพิ่มเติม บางครั้งการเลื่อนเวลาจาวาทำได้ง่ายเหมือนกับการใช้ปลั๊กอิน ในบางครั้ง คุณจะต้องเพิ่มสคริปต์ HTML ด้วยตนเองเพื่อให้เว็บไซต์ทราบว่าคุณต้องการโหลด Java ครั้งสุดท้าย
สคริปต์นี้เรียกไฟล์ JavaScript ภายนอก มีบทช่วยสอนเต็มรูปแบบสำหรับการเลื่อน Java ของคุณ แม้ว่าจะไม่ได้แตกต่างกันมากนัก แต่ก็สามารถทำให้กระดาษของคุณโหลดเร็วขึ้น
ตรวจสอบเวลาของคุณเป็นไบต์แรก
เวลาของคุณในไบต์แรก (TTFB) คือระยะเวลาที่เบราว์เซอร์รอก่อนที่จะเริ่มโหลดข้อมูลไบต์แรก ตาม Google TTFB ของคุณควรจะต่ำกว่า 200 ms อย่างไรก็ตาม นี่เป็นข้อกังวลด้านเซิร์ฟเวอร์ ดังนั้นนักพัฒนาเว็บจำนวนมากขึ้นจึงมองข้ามได้ง่าย
เมื่อผู้ใช้เยี่ยมชมเว็บไซต์ของคุณ จะไม่เริ่มโหลดโดยอัตโนมัติ แม้ว่าอาจดูเหมือนเป็นกระบวนการที่เกิดขึ้นทันที แต่ก็มี 3 ขั้นตอนที่เกิดขึ้นก่อน เบราว์เซอร์ของคุณส่งคำขอ HTTP เริ่มต้นไปยังเซิร์ฟเวอร์ที่โฮสต์เว็บไซต์ จากนั้นทำตามขั้นตอนต่างๆ ได้แก่ การค้นหา DNS การประมวลผลเซิร์ฟเวอร์ และการตอบสนอง
อีกครั้ง เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ของคุณจะแสดงระยะเวลาที่กระบวนการนี้ใช้บนเว็บเพจของคุณ สิ่งนี้จะขึ้นอยู่กับความแรงของการเชื่อมต่ออินเทอร์เน็ตอย่างมาก การเชื่อมต่อที่ช้ามี TTFB ที่ช้ากว่า ตรวจสอบ TTFB ของคุณเพื่อให้แน่ใจว่าต่ำกว่า 200 มิลลิวินาที หากไม่เป็นเช่นนั้น ก็ถึงเวลาพูดคุยกับโฮสต์ของคุณเกี่ยวกับวิธีแก้ปัญหาที่ถูกต้อง คุณอาจมีพื้นที่ไม่เพียงพอหรือคุณอาจประสบปัญหาการจราจรมากเกินไป
เนื้อหาบนพับก่อน
บางครั้งคุณมีหน้ายาวซึ่งใช้เวลาในการโหลดนาน นั่นเป็นความจริง อย่างไรก็ตาม ตรวจสอบให้แน่ใจว่าข้อมูลครึ่งหน้าบนโหลดไว้ก่อนสามารถช่วยคุณประหยัดผู้เข้าชมบางส่วนได้ ปรับปรุงประสบการณ์ผู้ใช้ของคุณโดยตรวจสอบให้แน่ใจว่าเนื้อหาด้านบนทั้งหมดนั้นปรากฏขึ้นอย่างรวดเร็ว
นี่เป็นกระบวนการที่เรียกว่า "การโหลดแบบขี้เกียจ" และชื่อก็สมเหตุสมผล เหมือนกับการโหลดหน้าเว็บช้าลง แต่เริ่มต้นที่ด้านบนโดยที่ผู้ใช้ของคุณให้ความสำคัญมากที่สุด ด้วยการโหลดแบบ Lazy Loading ผู้ใช้ของคุณสามารถดูเนื้อหายอดนิยมและเพิ่มความเร็วในการโหลดเว็บไซต์โดยไม่ต้องรอให้โหลดหน้าที่เหลือ นี่เป็นความคิดที่ดีเพราะลองนึกภาพว่ามีรูปภาพมากกว่า 10 รูปตลอดทั้งหน้า คุณไม่ต้องการให้ผู้เยี่ยมชมรอจนกว่ารูปภาพทั้งหมดจะโหลดขึ้นเพื่อเริ่มอ่าน
Lazy load ใช้ jQuery.sonar เพื่อโหลดเฉพาะภาพที่มองเห็นได้ มีปลั๊กอินมากมายที่ช่วยให้เพิ่มการโหลดแบบ Lazy Loading บนหน้าเว็บของคุณได้ง่าย แต่นี่คือบทแนะนำแบบเต็มสำหรับการดำเนินการด้วยตนเอง ผู้ใช้ของคุณจะดีใจที่พวกเขาไม่ต้องรอเนื้อหาครึ่งหน้าบนอีกต่อไป
ตรวจสอบขนาดภาพของคุณ
อัปโหลดภาพได้ง่ายโดยไม่ต้องตรวจสอบขนาดไฟล์ วิธีนี้อาจจะใช้ได้ในบางครั้ง แต่อาจทำให้เว็บไซต์ของคุณช้าลงได้หากคุณไม่ระวัง เมื่อคุณบันทึกภาพ ให้ลองบันทึกด้วยตัวเลือก “บันทึกสำหรับเว็บ” ใช้ได้กับเครื่องมืออย่าง Photoshop หรือ Fireworks ด้วย “บันทึกสำหรับเว็บ” ขนาดของภาพจะลดลงโดยไม่สูญเสียความคมชัดของภาพ
โดยทั่วไป ให้หลีกเลี่ยงขนาดไฟล์ที่ใหญ่ขึ้น PNG เมื่อบันทึกรูปภาพของคุณ คุณสามารถตรวจสอบคุณสมบัติของรูปภาพเพื่อดูว่ามีขนาดที่ใหญ่ขึ้นหรือไม่ สุดท้าย หากคุณมีรูปภาพขนาดใหญ่บนเว็บไซต์อยู่แล้ว ให้ใช้ปลั๊กอินหรือบีบอัดไฟล์เหล่านั้นด้วยตนเองเพื่อปรับปรุงความเร็วในการโหลดเว็บไซต์ของคุณ
ลบส่วนเสริมที่ไม่จำเป็นเพื่อความเร็วในการโหลดเว็บไซต์ที่ดีขึ้น
บางครั้งเราเพิ่มสิ่งใหม่ๆ ลงในเว็บไซต์ของเราและลืมไปเลย เราย้ายไปที่อย่างอื่นหรือไม่ต้องการวิธีแก้ปัญหาในอดีตอีกต่อไป ไม่ว่าจะด้วยเหตุผลอะไรก็ตาม อย่าลืมตรวจสอบเว็บไซต์ของคุณบ่อยๆ เพื่อให้แน่ใจว่าคุณจะไม่เปลืองพื้นที่ไปกับสิ่งที่คุณไม่ได้ใช้ สิ่งนี้ใช้กับสิ่งต่อไปนี้ทั้งหมด:
- รูปภาพ;
- ปลั๊กอิน;
- องค์ประกอบการนำทาง
- องค์ประกอบการออกแบบ
- หน้า;
- โพสต์บล็อกที่เก็บถาวร
ไม่ว่าจะเล็กเพียงใด สิ่งเหล่านี้จะส่งผลเสียต่อความเร็วในการโหลดเว็บไซต์ของคุณ นอกจากนี้ยังสามารถสร้างจุดอ่อนในการรักษาความปลอดภัยเว็บไซต์ของคุณ โดยเฉพาะอย่างยิ่งกับปลั๊กอิน สิ่งเหล่านี้เสียหายได้ง่าย และอาจทำให้ความปลอดภัยของคุณลดลง สร้างนิสัยในการตรวจสอบเว็บไซต์ของคุณเป็นประจำเพื่อหาสิ่งเพิ่มเติมที่ล้าสมัย
จำกัดปุ่มแบ่งปันทางสังคมของคุณ
ปุ่มแชร์บนโซเชียลเป็นวิธีที่ยอดเยี่ยมในการส่งเสริมการมีส่วนร่วมบนโซเชียลมีเดีย อย่างไรก็ตาม จำเป็นต้องมีขีดจำกัด บางครั้งปุ่มเหล่านี้ก็มีประสิทธิภาพสูง อย่างไรก็ตาม พวกเขายังสามารถจับต้องได้ สิ่งที่เราเห็นด้วยก็คือปุ่มแบ่งปันทางสังคมเหล่านี้ใช้ JavaScript ภายนอกหลายตัวและทำให้เว็บไซต์ของคุณช้าลง
โดยเฉพาะอย่างยิ่ง Facebook เป็นตัวการสำคัญของเรื่องนี้ สคริปต์ Facebook อาจทำให้ประสิทธิภาพของเว็บไซต์ช้าลงด้วยปุ่มแชร์ พิจารณาว่าปุ่มแชร์เหล่านี้คุ้มค่ากับความยุ่งยากหรือไม่ คุณยังสามารถเก็บมันไว้ได้ แต่เก็บเฉพาะรายการที่ได้รับการพิสูจน์แล้วว่ามีประสิทธิภาพสูงสุด
การจัดส่งแบบอะซิงโครนัส
เมื่อพูดถึงรหัสบุคคลที่สาม มีหลายอย่างที่อาจผิดพลาดได้ หากบุคคลที่สามประสบปัญหาไฟดับหรือทำงานช้าลงกะทันหัน เพจของคุณอาจติดขัดในการพยายามโหลดทรัพยากรนั้น ไม่ว่าจะเป็นปุ่มแชร์บนโซเชียลหรือสคริปต์การวิเคราะห์เครือข่าย
การส่งมอบแบบอะซิงโครนัสเป็นวิธีแก้ปัญหาการชะลอตัวนั้น ด้วยการเปิดใช้งานนี้ หากเครือข่ายบุคคลที่สามของคุณประสบปัญหา เว็บไซต์ของคุณเองจะไม่ได้รับผลกระทบ คุณสามารถเปิดใช้งานการจัดส่งแบบอะซิงโครนัสได้หลายวิธี ซึ่งทั้งหมดได้อธิบายไว้ที่นี่
ติดตั้ง Google PageSpeed
Google PageSpeed เป็นโมดูลเซิร์ฟเวอร์โอเพ่นซอร์สที่ปรับความเร็วในการโหลดเว็บไซต์ของคุณให้เหมาะสม ออกแบบโดย Google เพื่อให้เว็บไซต์ของคุณเร็วขึ้นและใช้งานง่าย โดยทั่วไปจะทำการปรับเปลี่ยนทั้งเซิร์ฟเวอร์และไฟล์เว็บไซต์ของคุณ คุณไม่จำเป็นต้องดำเนินการใดๆ ด้วยตนเอง และเว็บไซต์ของคุณจะทำงานได้ดีขึ้น
ใกล้เคียงกับโซลูชันขนาดเดียวที่คุณจะพบได้เมื่อกล่าวถึงประสิทธิภาพของเว็บไซต์ของคุณ คุณสามารถติดตั้ง Google PageSpeed ลงในตัวจัดการไฟล์ได้ด้วยตัวเอง หรือคุณสามารถขอให้โฮสต์หรือนักพัฒนาซอฟต์แวร์ช่วยคุณในการติดตั้ง คุณสามารถตั้งค่าและลืมมันได้
รวมภาพพื้นหลัง
หลายธีมใช้ภาพพื้นหลังหลายภาพเพื่อสร้างภาพเดียวที่สมบูรณ์ แม้ว่าสิ่งนี้อาจดูดีและพร้อมๆ กัน แต่อาจทำให้ประสิทธิภาพเว็บไซต์ของคุณช้าลง เนื่องจากเบราว์เซอร์ของผู้ใช้จะต้องส่งคำขอต่างๆ มากมายเพื่อโหลดรูปภาพพื้นหลัง จึงต้องใช้เวลาในกระบวนการโหลด
ให้รวมรูปภาพของคุณเป็นภาพเดียวเพื่อเพิ่มความเร็วในการโหลดเว็บไซต์ของคุณ ด้วยวิธีนี้ ผู้ใช้ของคุณต้องส่งคำขอเพียงครั้งเดียวมากกว่าทำหลายๆ คำขอ เว็บไซต์ของคุณจะเร็วขึ้นเนื่องจากไม่มีคำขอไปกลับหลายครั้งเพื่อให้โหลดพื้นหลังได้อย่างถูกต้องอีกต่อไป
หยุด Hotlinking รูปภาพ
Hotlinking เป็นแนวทางปฏิบัติในการฝังรูปภาพจากเว็บไซต์อื่นลงในเว็บไซต์ของคุณเองโดยไม่ต้องอัปโหลดไปยังเซิร์ฟเวอร์ของคุณ วิธีนี้ใช้ง่ายโดยใช้โค้ดเพียงเล็กน้อย แต่เป็นแนวปฏิบัติที่ไม่ดีที่อาจนำไปสู่การชะลอตัวของเว็บไซต์ได้
Hotlinking ไม่เพียงแต่ทำร้ายเว็บไซต์ของคุณเท่านั้น แต่ยังเป็นการขโมยในทางเทคนิคหากคุณทำโดยไม่ได้รับอนุญาต เจ้าของเว็บไซต์จ่ายค่าพื้นที่เพื่อโฮสต์ไฟล์เหล่านี้ และเมื่อคุณวางไฟล์เดียวกันนั้นบนเว็บไซต์ของคุณเองผ่านโค้ดฝังตัว แสดงว่าคุณกำลังใช้ทรัพยากรของพวกเขาโดยไม่ได้รับอนุญาต
แม้ว่าจะมีบางเว็บไซต์ที่อนุญาตให้คุณอัปโหลดภาพโดยตรงโดยมีเจตนาที่จะแชร์ภาพเหล่านั้น แต่ก็ยังไม่ใช่ความคิดที่ดี เมื่อเว็บไซต์เหล่านี้ช้าหรือมีการเข้าชมสูง อาจทำให้ความเร็วในการโหลดเว็บไซต์ของคุณช้าลงหากคุณฝังไว้ นอกจากนี้ ไฟล์เหล่านี้สามารถลบได้ตลอดเวลาเว้นแต่คุณจะจ่ายสำหรับพื้นที่ว่างโดยไม่มีการเตือน
ใช่ Hotlinking อาจช่วยคุณประหยัดแบนด์วิดท์ได้ แต่มีแนวโน้มว่าจะทำให้เว็บไซต์ของคุณช้าลงในระยะยาว โฮสต์รูปภาพของคุณบนเซิร์ฟเวอร์ของคุณเองเสมอ แทนที่จะใช้ฮอตลิงก์ หากมีข้อสงสัย คุณควรซื้อพื้นที่เพิ่มเติมบนเซิร์ฟเวอร์ของคุณเอง เพื่อให้สามารถอัปโหลดได้ คุณควรใช้ไฟล์รูปภาพขนาดเล็กอยู่แล้ว ดังนั้นจึงไม่น่าจะมีปัญหา
เพิ่มความเร็วในการโหลดเว็บไซต์ของคุณวันนี้
คุณพร้อมที่จะนำเว็บไซต์ของคุณไปสู่ระดับใหม่แล้วหรือยัง? ได้เวลาเพิ่มความเร็วในการโหลดเว็บไซต์ของคุณแล้ว หากคุณมีความเร็วในการโหลดเว็บไซต์ช้า การสูญเสียผู้เยี่ยมชมโดยไม่ได้ตั้งใจเป็นเรื่องง่าย ลองนึกถึงความหงุดหงิดที่คุณพบเมื่อเว็บไซต์ใช้เวลาในการโหลดนานเกินไป ความล่าช้า 1 วินาทีในการโหลดเว็บไซต์จะส่งผลให้ Conversion ลดลง 7% และการดูหน้าเว็บลดลง 11% อย่าทำอย่างนั้นกับผู้ใช้ของคุณโดยปฏิบัติตามคำแนะนำข้างต้นอย่างจริงจัง
การเร่งความเร็วเว็บไซต์ของคุณนั้นไม่ซับซ้อน มีราคาแพง หรือทำให้สับสน เป็นหนึ่งในวิธีที่ง่ายและรวดเร็วที่สุดในการปรับปรุง SEO และสร้างผลกระทบเชิงบวกต่อผู้ใช้ของคุณ หากคุณต้องการให้เว็บไซต์ของคุณทำงานได้ดีขึ้นและสร้างความประทับใจให้ผู้ใช้ ก็คุ้มค่าที่จะลงทุนในเคล็ดลับข้างต้น
ตั้งแต่การหลีกเลี่ยงฮอตลิงก์และลิงก์เสียไปจนถึงการอัปเกรดเว็บโฮสติ้งของคุณ แม้แต่ขั้นตอนเล็กๆ ข้างต้นก็ส่งผลกระทบอย่างมาก หากคุณรู้สึกไม่สบายใจ ให้เริ่มต้นด้วยการทดสอบความเร็วในการโหลดเว็บไซต์ของคุณ จากตรงนั้น คุณจะมีความคิดที่ดีว่าต้องปรับปรุงมากแค่ไหนเพื่อให้แน่ใจว่าเว็บไซต์ของคุณทำงานที่ระดับประสิทธิภาพสูงสุด เว็บไซต์ของคุณอาจต้องการการปรับแต่งเพียงเล็กน้อยเพื่อให้เป็นไปตามมาตรฐานของ Google ผู้ใช้ของคุณเบื่อกับการรอคอย ได้เวลาเริ่มทำงานแล้ว
เวกเตอร์ความเร็วในการโหลดเว็บไซต์ที่สร้างโดย ibrandify
