วิธีเพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับผู้ใช้มือถือ

คุณแน่ใจหรือไม่ว่าเว็บไซต์ของคุณใช้งานกับอุปกรณ์พกพาได้?


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

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

หากคุณต้องการการเพิ่มประสิทธิภาพที่แท้จริงคุณจะต้องพิจารณาทางเลือกอื่นด้วย.

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

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

# 1: การออกแบบโดยคำนึงถึงมือถือเป็นหลัก

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

นอกเหนือจากการออกแบบที่ตอบสนองต่อสามัญสำนึกองค์ประกอบการออกแบบอื่น ๆ ที่คุณควรนำไปใช้ในการออกแบบเว็บสำหรับมือถือเป็นครั้งแรก?

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

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

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

# 2: การเพิ่มประสิทธิภาพทรัพยากร; ภาพไอคอนและอื่น ๆ.

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

องค์ประกอบภาพเช่นภาพถ่ายภาพประกอบไอคอนและวิดีโอคือ ผู้ใช้แบนด์วิดท์ที่ใหญ่ที่สุดบนหน้าเว็บ.

เวลาเฉลี่ยในการโหลดหน้าเว็บสำหรับปี 2018 คุณเปรียบเทียบ MachMetrics Speed ​​Blog อย่างไรขนาดหน้าเว็บโดยเฉลี่ยในปี 2018 จดทะเบียนโดยอุตสาหกรรมและประเทศต่างๆ.

แม้ว่าจะไม่มีขนาดหน้าเว็บที่กำหนดไว้ที่ทุกคนต้องพบ แต่เป็นเรื่องธรรมดาที่ขนาดหน้าเว็บที่เล็กลงเท่ากับเวลาโหลดเร็วขึ้น.

ดังนั้นคุณจะตัดแต่ง KBs พิเศษหรือแม้กระทั่ง MB จากเนื้อหาภาพของคุณได้อย่างไร?

  • ปรับขนาดภาพของคุณ. ฟังดูง่ายใช่มั้ย ฉันไม่สามารถนับจำนวนครั้งที่ฉันได้เรียกดูไซต์มือถือเพื่อให้โหลดรูปภาพขนาด 1980 x 1200 ได้ในพื้นหลัง ควรให้ภาพถ่ายขนาดเต็มเป็นลิงก์สำรองแทนตามความเหมาะสม การปรับขนาดสามารถโกนได้สูงสุด 80% ของขนาดภาพทั้งหมดขึ้นอยู่กับขนาดที่คุณต้องการ สำหรับอุปกรณ์มือถือนั้นไม่มีเหตุผลที่จะอยู่เหนือช่วง 600-700px มากที่สุด.
  • ลดขนาดไฟล์ด้วยการบีบอัด. การบีบอัด / การปรับให้เหมาะสมของรูปภาพเป็นกระบวนการของการใช้ซอฟต์แวร์ของบุคคลที่สามเพื่อลดจำนวนสีที่มีอยู่ในภาพ ซึ่งสามารถทำได้ในระดับที่ภาพถ่ายของคุณจะไม่สูญเสียคุณภาพโดยธรรมชาติ แต่สามารถลดขนาดไฟล์ลงได้อย่างมาก หากคุณต้องการความช่วยเหลือในการบีบอัดภาพไม่ต้องมองหาเครื่องมือการบีบอัดภาพที่ครอบคลุม.
  • สำรวจรูปแบบไฟล์ทางเลือก. ทุกคนเคยได้ยินรูปแบบไฟล์ PNG และ JPEG ท้ายที่สุดพวกเขาคือมาตรฐานภาพโดยพฤตินัยบนเว็บ แต่ไม่นาน เทคโนโลยีล่าสุดและยอดเยี่ยมที่สุดในการจัดส่งรูปภาพดิจิทัลหมุนรอบตัว WebP และรูปแบบไฟล์ SVG เช่น SVG สามารถทำได้โดยอัตโนมัติ ขนาดเป็นขนาดหน้าจอ, ลดจำนวนทรัพยากรที่จำเป็นสำหรับการโหลดส่วนประกอบภาพเฉพาะ.

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

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

# 3: การโหลดล่วงหน้าและ Lazy-loading

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

ก่อนอื่นมาดูกันก่อนว่า คำแนะนำเบราว์เซอร์.

Preloaders เป็นวิธีที่เพจจะบอกเบราว์เซอร์เกี่ยวกับโอกาสในการนำทางที่เป็นไปได้ เช่น. ผู้ใช้อาจไปที่หน้า B จากหน้า A.

ด้วยการโหลดล่วงหน้าผู้ใช้สามารถแสดงผลหน้า B ก่อนที่จะคลิกลิงก์การนำทางในหน้า A.

โหลดคำสั่งล่วงหน้า

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

ประเภท Preloader ที่พบมากที่สุดคืออะไร?

  • prefetch. ประเภทนี้แนะนำว่า URL ที่เฉพาะเจาะจงน่าจะเป็นตัวเลือกการนำทางต่อไป และหากเบราว์เซอร์ได้รับคำขอมันจะแคชทรัพยากรของหน้าสำคัญโดยอัตโนมัติซึ่งจะทำให้หน้าถัดไปโหลดเร็วขึ้นมาก.
  • Prerender. ในขณะที่ประเภทข้างต้นเรียกใช้ทรัพยากรบางอย่างเท่านั้น prerender จะแคชทั้งหน้า เนื้อหาที่แสดงผลทั้งหมดจะถูกเก็บไว้ในหน่วยความจำอุปกรณ์ของผู้ใช้.
  • DNS-Prefetch. การดึงข้อมูล DNS ล่วงหน้าจะแก้ไข DNS ที่ระบุและไม่มีอะไรอื่น ดังนั้นหากผู้ใช้ทำ ‘เลี้ยว’ บนไซต์ของคุณโดยเฉพาะคุณจะต้องโกนเวลาที่ใช้ในการนำทาง.
  • Preconnect. เหมือนด้านบน แต่ยังสร้างการเชื่อมต่อและ handshakes ด้วยการเชื่อมต่อ TCP และ TLS.

ตัวอย่างโค้ดสำหรับ preloaders คืออะไร?

เนื่องจากผู้โหลดล่วงหน้าใช้แท็ก HTML แบบไดนามิกคุณจึงสามารถ โหลดเนื้อหาล่วงหน้าเช่น Google Fonts หรือสร้างสคริปต์ที่กำหนดเองสำหรับเนื้อหา JavaScript ที่โหลดไว้ล่วงหน้าใน WordPress.

BTW ถ้าคุณใช้ WordPress แล้ว จรวด WP สามารถช่วยคุณในการเพิ่มเว็บไซต์ของคุณ.

ตอนนี้คุณรู้เพิ่มเติมเกี่ยวกับ preloaders มาพูดคุยเกี่ยวกับหัวข้อยอดนิยมอื่น ๆ : lazy-loading.

Lazy Loading คืออะไร?

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

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

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

Layzr js

คำแนะนำของฉันสำหรับห้องสมุดที่จะใช้คือ Layzr.js – การโหลดที่ขี้เกียจง่ายและมีประสิทธิภาพสำหรับรูปภาพของคุณ! สคริปต์ถูกเปิดใช้งานในหน้าแรกของโครงการด้วยดังนั้นคุณจึงสามารถเห็นสคริปต์ทำงานแบบเรียลไทม์ ผู้ใช้ WordPress สามารถค้นหาปลั๊กอินที่ขี้เกียจได้มากมายใน repo ปลั๊กอินสาธารณะ.

# 4: แคชเว็บ

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

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

เว็บแคช

ชื่อที่ได้รับความนิยมมากที่สุดในการทำแคชเว็บ ได้แก่ Varnish, Squid และ Memcached แต่โปรดมั่นใจได้ว่ามีโซลูชั่นอื่น ๆ อีกมากมายในตลาดโดยเฉพาะอย่างยิ่งหากคุณเป็นผู้ใช้ WordPress.

คุณสามารถพิจารณาการลงทะเบียนสำหรับ CDN.

CDN คืออะไร (เครือข่ายการจัดส่งเนื้อหา)?

เครือข่ายการจัดส่งเนื้อหาใช้กลุ่มส่วนกลางของเซิร์ฟเวอร์กระจายเพื่อจัดส่งเนื้อหาที่รวดเร็วอย่างไม่น่าเชื่อ CDN สามารถถ่ายโอนประเภทเนื้อหายอดนิยมทั้งหมดได้อย่างรวดเร็วบนเว็บ: วิดีโอ, รูปถ่าย, JavaScript, ฯลฯ วันนี้การรับส่งข้อมูลของเว็บส่วนใหญ่ผ่านรูปแบบ CDN บางรูปแบบ.

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

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

# 5: AMP (เร่งหน้ามือถือ)

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

Google AMP (เร่งหน้ามือถือ)

เอาล่ะ buzzwords ทั้งหมดนั้นฟังดูยอดเยี่ยม แต่ AMP ทำงานอย่างไร?

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

ตัวอย่างเช่น JavaScript ไม่ทำงานกับ AMP นอกจากว่าคุณจะใช้ ห้องสมุด AMP JS มีอยู่ใน GitHub. การใช้ไลบรารี JS ช่วยให้คุณได้รับผลลัพธ์บางอย่างเช่นหลีกเลี่ยงตัวบล็อกโฆษณา แต่ถ้าคุณต้องการประสิทธิภาพที่แท้จริงแอมป์แบบ raw คือหนทางที่จะไป.

AMP ตามตัวอย่าง

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

เรียนรู้ AMP จากตัวอย่าง

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

กรณีศึกษาที่น่าสนใจสำหรับ AMP:

  1. Terra ขับเคลื่อนการรับชมผ่านมือถือด้วย AMP
  2. เวลาของอินเดียรายงานผลตอบแทนรายได้ 1.5 เท่า
  3. Fastcommerce ช่วยเพิ่ม Conversion ให้กับลูกค้าด้วยการสร้าง AMP-first

# 6: ทดสอบก่อนที่จะกระทำ

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

การทดสอบก่อนที่จะกระทำ

สภาพแวดล้อมการจัดเตรียมเป็นอย่างไร?

วิธีที่รวดเร็วที่สุดในการอธิบายสิ่งนี้คือการดูเว็บไซต์สดของคุณในปัจจุบัน.

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

ฉันคิดย้อนกลับไปที่โพสต์ของ Ashley Harpp, อย่าเสียเวลา – ทดสอบการเปลี่ยนแปลงก่อนที่จะกระทำ.

เธอรับปากว่าเรา“ หลอก” ตัวเราเองเพื่อหลีกเลี่ยงบางสิ่งเป็นตัวอย่างสำคัญของวิธีที่เราไม่ต้องการรับผิดชอบเมื่อเราทำผิดพลาด อย่างไรก็ตามโพสต์ของ Ashley ยังมีลิงก์ไปยังเครื่องมือที่มีประโยชน์สำหรับการตั้งค่าสภาพแวดล้อมในพื้นที่.

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

คำสั่งปิด

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

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

Tags:

  • SEO

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map