วิธีปรับปรุงความเร็วของไซต์ WordPress ของคุณบนมือถือ

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

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

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

อันดับแรก มาดูกันว่าเว็บไซต์ของคุณเร็วแค่ไหน

• ไปที่ Think With Google's หน้าทดสอบความเร็วมือถือของคุณ" จากนั้นป้อน URL เพื่อสแกนเว็บไซต์ของคุณ
• นี้จะเริ่มวิเคราะห์ไซต์บนมือถือที่ตรวจสอบ HTML และ CSS, JavaScript, การบีบอัด, การใช้งาน และเปรียบเทียบเว็บ Wordpress ของคุณความเร็วของหน้า, ไซต์อื่นๆ ในอุตสาหกรรมของคุณ
• เมื่อการสแกนเสร็จสิ้น คุณจะเห็นเวลาในการโหลดหน้าเว็บบนมือถือ การสูญเสียผู้เข้าชมโดยประมาณ และการเปรียบเทียบอุตสาหกรรมนอกจากนี้ยังจะบอกคุณว่าสามารถลดเวลาในการโหลดลงได้มากเพียงใดโดยใช้การแก้ไขบางอย่าง

วิธีทำให้เว็บไซต์บนมือถือของคุณโหลดเร็วขึ้น

ต่อไปนี้คือขั้นตอนในการปรับปรุงเวลาในการโหลดหน้า WordPress ของคุณบนมือถือ:

เลือกโฮสต์ที่เหมาะสม

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

คุณสามารถเลือกจากแผนการโฮสต์ที่แตกต่างกัน รวมถึง VPS หรือเซิร์ฟเวอร์เฉพาะ ซึ่งจะให้บริการได้ดีกว่าเซิร์ฟเวอร์ที่ใช้ร่วมกัน

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

ใช้เครือข่ายการจัดส่งเนื้อหา

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

นี่คือตัวอย่างการใช้เครือข่ายการส่งเนื้อหา

ขอให้ผู้ให้บริการโฮสต์ของคุณอัปเดต PHP . เวอร์ชันล่าสุด

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

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

ใช้ปลั๊กอินแคช

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

ทำความสะอาดฐานข้อมูล

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

บีบอัดรูปภาพ

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

ปิดใช้งานการเชื่อมโยงด่วนของรูปภาพ

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

RewriteEngine on
RewriteCond% {HTTP_REFERER} ^ $
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]
กฎการเขียนซ้ำ \.(jpg|jpeg|png|gif)$ – [NC,F,L]

บีบอัดเว็บไซต์ของคุณด้วย gzip

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

คุณสามารถเปิดใช้งาน Gzip ได้โดยการเพิ่มรหัสต่อไปนี้ในไฟล์ .htaccess ของคุณ:

# บีบอัดข้อความ, html, javascript, css, xml:
AddOutputFilterByType DEFLATE ข้อความ / ธรรมดา
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE ข้อความ / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE แอปพลิเคชัน / xhtml + xml
AddOutputFilterByType DEFLATE แอปพลิเคชัน / rss + xml
AddOutputFilterByType DEFLATE แอปพลิเคชั่น / จาวาสคริปต์
AddOutputFilterByType DEFLATE application / x-javascript

# หรือบีบอัดไฟล์บางประเภทตามนามสกุล:

SetOutputFilter ยุบ

หากต้องการตรวจสอบว่า Gzip เปิดใช้งานหรือทำงานบนไซต์ของคุณหรือไม่ คุณสามารถใช้ Gziptest.com

ลดขนาดไฟล์ CSS และ JS

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

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

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

เปิดใช้งานให้มีชีวิตอยู่

HTTP keep-alive เป็นข้อความที่ส่งระหว่างคอมพิวเตอร์ไคลเอนต์และเว็บเซิร์ฟเวอร์เพื่อขออนุญาตดาวน์โหลดไฟล์การเปิดใช้งาน Keep-Alive ช่วยให้คอมพิวเตอร์ไคลเอนต์สามารถดาวน์โหลดไฟล์หลายไฟล์โดยไม่ต้องขออนุญาตซ้ำ ๆ ซึ่งช่วยประหยัดแบนด์วิดท์

หากต้องการเปิดใช้งาน Keep-Alive เพียงคัดลอกและวางโค้ดต่อไปนี้ลงในไฟล์ .htaccess ของคุณ

การเชื่อมต่อชุดส่วนหัวให้มีชีวิตอยู่

ลดการเปลี่ยนเส้นทาง

แม้ว่าการเปลี่ยนเส้นทาง 301 (ถาวร) จะดีกว่าข้อผิดพลาด 404 (ลิงก์เสีย) แต่ก็ยังไม่เหมาะเพราะจะทำให้เบราว์เซอร์ใช้เวลาในการเข้าถึงเวอร์ชันที่ถูกต้องของหน้าช้าลง

Screaming Frog เป็นเครื่องมือที่ยอดเยี่ยมในการระบุการเปลี่ยนเส้นทาง 301 อีกครั้งหากคุณใช้พีซี คุณสามารถใช้ Xenu Link Sleuth ซึ่งเป็นเครื่องมือที่ยอดเยี่ยมในการดึงข้อมูลจากเว็บไซต์

ปิด pingbacks

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

หากต้องการปิดใช้งาน pingbacks ในทุกโพสต์ที่คุณทำ ให้ไปที่ผู้ดูแลระบบ → การตั้งค่า → การสนทนา และปิดตัวเลือก "อนุญาตการแจ้งเตือนลิงก์ (pingbacks และ trackbacks)" จากบล็อกอื่นๆ

แปลงเว็บไซต์บนมือถือของคุณให้เป็นรูปแบบที่เร็วขึ้น

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

แอมป์: AMPย่อมาจาก "Accelerated Mobile Pages"มีหลายปัจจัยที่ทำให้รูปแบบเพจนี้รวดเร็ว:

• ส่วนใหญ่อาศัย HTML ที่มีน้ำหนักเบา
• มันใช้การโหลดแบบขี้เกียจ
• เนื้อหาของหน้าถูกแคชใน Google Cloud

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

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

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

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

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

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

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