ทำไมเว็บไซต์ของคุณโหลดช้า (และสิ่งที่แก้ได้โดยไม่ต้องทำใหม่)

Rocío มีร้านขายต้นไม้อยู่ที่ Xalapa สองเดือนก่อนเธอจ่ายเงินทำเว็บไซต์ แล้วก็ได้ผลลัพธ์ที่สวยงาม มีรูปใหญ่ของหน้าร้าน ต้นไม้ตามฤดู เวลาเปิด-ปิด เบอร์โทร แผนที่ เธอชอบมากจนให้เอาลิงก์ไปติดบนป้ายหน้าทางเดิน

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

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

ทำไมเว็บของฉันดูเร็วบนมือถือของฉัน แต่ช้าสำหรับคนอื่น

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

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

นี่คือการวินิจฉัยเดียวในลิสต์นี้ที่คุณทำเองคนเดียวไม่ได้

อะไรที่ทำให้เว็บไซต์โหลดช้า

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

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

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

อันดับที่สอง: กลไกที่มาพร้อมเทมเพลต

สิ่งที่หนักเป็นอันดับสองคือกลไกที่เทมเพลตติดมาด้วย เช่น สไลด์ภาพที่เปลี่ยนรูปเองอัตโนมัติ วิดีโอพื้นหลังที่หน้าแรก ตัวอักษรที่ค่อยๆ ปรากฏขึ้นเวลาเลื่อนหน้าจอลง

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

อันดับที่สาม: สิ่งที่เพิ่มเข้ามา

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

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

ทำไมเทมเพลตเว็บไซต์ถึงโหลดช้า

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

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

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

สิ่งที่เทมเพลตได้เปรียบ (พูดจริงๆ)

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

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

อะไรสำคัญกว่า: ความเร็วในการโหลด หรือลำดับที่ทุกอย่างปรากฏขึ้น

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

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

จะแก้ปัญหาเว็บไซต์โหลดช้าโดยไม่ต้องทำใหม่ได้อย่างไร

แก้ได้ด้วยสามอย่าง ตามลำดับนี้ และทำทั้งสามอย่างให้เสร็จได้ภายในหนึ่งสัปดาห์

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

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

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

และถ้าคุณอยากเริ่มต้นใหม่ไปเลย

ถ้าเว็บไซต์กลายเป็นภาระมากกว่าที่ช่วยคุณ ให้อธิบายมันใน Proyecta ตามที่คุณต้องการ:

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

สิ่งหลังนี้ก็ขอได้ด้วยคำพูดธรรมดา เหมือนกับทุกอย่างอื่น เว็บจะถูกเผยแพร่ออกมาพร้อมลิงก์ของมันเอง และถ้ามีอะไรเกินมา ก็แค่บอกให้เอาออก

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

ก่อนปิดแท็บนี้

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

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