10 เทคนิคปรับแต่ง WordPress เว็บไซต์ให้ทำงานเร็วและไวแบบติดจรวด

[khajohn225]

โหความรู้ดีๆขอบคุณมากๆครับ

[Ozone]

วันอาทิตย์ผมไปต่างจังหวัดกับครอบครัว วันนี้เลยมาเพิ่มบทความให้สองหัวข้อครับ



วันห้า: ภาพใหญ่โหลดช้าแต่ความคมชัดเท่าเดิม

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

สาหรับผมภาพความกว้างขนาด 1024px ถึงว่าเป็นภาพขนาดความกว้างสูงสุดที่พอดีสาหรับการแสดงบนหน้าจอ Desktop ถ้าคุณปรับขนาดภาพเองได้ จะได้ภาพที่พอเหมาะขนาดที่เท่ากันสาหรับการแสดงในหน้าเพจ โดยเฉพาะ Featured images (เวลาทา Slide images ที่ Header/Top ของ home page จะสวยงาม)

แต่ถ้าไม่สะดวกทาผมแนะนาให้ใช้ plugins wp-smushIt Plugin  https://wordpress.org/plugins/wp-smushit/ ตัวนี้จะช่วยปรับขนาดภาพในเว็บไซต์ของคุณได้โดยอัตโนมัติ ให้ความยืดหยุ่นโดยคุณสามารถปรับขนาดความกว้างสูงสุดเองได้



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

 แสดงข้อความสั้นๆ ของ Post แทนการแสดงบทความเต็ม (เลือก Show Excerps)
 ไม่แสดงจานวน Post ในหน้า Home มากเกินไป WordPress Theme นั้นสามารถจะเลือกจานวน Post หรือแม้แต่เลือก Post ใน Categories มาแสดงผลได้ ให้เราเลือกบทความในหมวดหมู่ที่น่าสนใจมาเพียง 5-7 บทความ
 ไม่แสดงอะไรที่ไม่จาเป็นเช่น Social Share บางตัวที่ไม่คิดว่าจะมีคนใช้เป็นต้น
 เลือกเฉพาะ Widgets ที่จาเป็นมาใส่หน้า Home เช่นอาจจะไม่จาเป็นที่ต้องแสดงจานวนคนที่มาเยื่อมชมเว็บไซต์ หรือ Facebook Fan Page ของคุณ

[[email protected]]

ขอบคุณคับ

[julp]

มีประโยชน์มากเลยครับ

[exchange]

ขอบคุณครับ เข้าไป add fav blog ไว้เรียบร้อย

[gd,lN]

โอ้ว เขียนอธิบายแต่ละข้อด้วย แจ่มมาก

[pongkunkamol]

ขอบคุณครับ มีประโยชน์มากเลย 

[khajohn225]

ขอบคุณอีกครั้งครับ

[ptest]

 

[rampertteam-sky]

เยี่ยมเลยครับ

[Fallen]

+ 

[Ozone]

+ 

+ กลับไปซิครับ ตั้งแต่ตั้งกระทู้นี้มามีคุณคนแรกเลย

คะแนนไม่มีผลกับผม แต่มันแสดงว่าคุณคิดว่ามันดีจริงๆ 

[Ozone]

เพิ่มเติมเทคนิคที่เจ็ดครับ แนะนำเลยว่าคนที่ทำ WordPress ควรมี Plugins ในการจัดการ Database ทั้งสองตัวนี้ไว้ครับ


วันที่เจ็ด: ปรับปรุง Database ให้กระชับขึ้น
ฐานข้อมูลเมื่อใช้ไปนานๆ ข้อมูลเพิ่มขึ้นควรจะต้องมีการปรับปรุง (Optimize) เพื่อให้ทำงานได้เร็วขึ้น MySQL เป็นฐานข้อมูลของ WordPress ก็เช่นเดียวกัน การปรับปรุงสามารถทำได้เองแบบแมนนวลถ้าคุณมีความรู้เกี่ยวกับ Database เช่นการลบข้อมูลขยะพวก Spam comments ทิ้ง การทำ Index เพื่อให้การค้นหาข้อมูลเร็วขึ้น แต่ถ้าคุณไม่ไช่พวก Database Admin ผมแนะนำ Plugin WP-Optimize  https://wordpress.org/plugins/wp-optimize/#description ให้ติดตั้ง Plugin ตัวนี้จะช่วยลบข้อมูลที่ไม่จำเป็นออกไป ทำการ Compact/De-fragment tables นอกจากนั้นยังตั้งเวลาให้ทำงานแบบอัตโนมัติได้อีกด้วย 

Plugin อีกตัวที่ผมแนะนำให้ติดตั้งเพื่อช่วยจัดการกับ Database คือ WP-DBManager  Plugin https://wordpress.org/plugins/wp-dbmanager/ ตัวนี้จะช่วยจัดการเรื่อง Database จากเรื่องยุ่งยากให้กลายเป็นเรื่องง่ายๆ คุณสามารถจัดการ Backup, Restore, Recover Database และ Run SQL Query ผ่าน WordPress ได้

[bellzaa]

 bookmark เก็บไว้อ่านเลยค่ะ ชอบๆ

[top445]

ขอบคุณครับ

[Ozone]

เพิ่มเติมเทคนิคที่แปดให้ครับ

วันที่แปด: ปิดการขโมย Image Link (Hotlinking) เพื่อลดโหลดทราฟิก

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

ให้คุณแก้ไข .htaccess ด้วยเครื่องมือที่คุณถนัด แต่ถ้าคุณยังไม่รู้ว่าจะเปิดอย่างไร ผมแนะนำ WordPress Plugin wp-htaccess-editor เปิดไฟล์มาแล้ว Copy Code ข้างล่างใส่ลงไปครับ
/* hotlink blocking */
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?otherapprovedwebsite.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [F]

อย่าลืมแก้ yourwebsite.com เป็นชื่อ website ของคุณ และ otherapprovewebsite.com คือ website อื่นที่คุณยอมให้เขาทำ Hotlinking ถ้าคุณอนุญาติให้หลายๆเว็บใช้ได้ก็ใส่ชื่อเว็บให้ครบ

[amiraclerichy]

ขอบคุณมากมายครับ

[ForexNew.org]

ขอขอบคุณมากเลยครับ 

ขออนุญาติแชร์ประสบการณ์นะครับ ผมใช้ Wordpress และลองทำมาหลายวิธี ลองมาแทบจะทุก Plugin เพราะมีเป้าหมายต้องการคะแนน Page Speed เกิน 90

พวก Plugin อย่าง
- W3 Total Cache
- WP Fastest Cache
- WP Super Cache

หลังจากลองใช้มาแล้ว ส่วนใหญ่คะแนนเฉลี่ย Google Pagespeed จะอยู่ที่ 70-85 ครับ ต้องมานั่งปรับแต่ง หรือหาตัวอื่นมาช่วยกันพอสมควร


แต่ที่ลองมาแล้วดีที่สุดคือ WP Rocket
- ตัวนี้ตัวเดียว คะแนน Google Pagespeed ขึ้นไปเกิน 90


การ Compress Image
- ง่ายที่สุด ใช้ Imagify สั่ง Bulk Compress Image ทีเดียวทั้งเว็บ
- หลังจากใช้ WP Rocket + Imagify คะแนน Pagespeed จะไปที่ระดับ 90-100


ซึ่งเพื่อนๆคนไหน กำลังหาวิธีทำให้เว็บเร็ว ลองวิธีนี้ดูครับ WP Rocket + Imagify
ถ้าในเว็บมีรูปเยอะมาก ก็ใช้ BJ Lazy Load ครับ ลดเวลาโหลดหน้าเว็บได้

[bnkisis]

ขอบคุณครับ

[Ozone]

ขอขอบคุณมากเลยครับ 

ขออนุญาติแชร์ประสบการณ์นะครับ ผมใช้ Wordpress และลองทำมาหลายวิธี ลองมาแทบจะทุก Plugin เพราะมีเป้าหมายต้องการคะแนน Page Speed เกิน 90

พวก Plugin อย่าง
- W3 Total Cache
- WP Fastest Cache
- WP Super Cache

หลังจากลองใช้มาแล้ว ส่วนใหญ่คะแนนเฉลี่ย Google Pagespeed จะอยู่ที่ 70-85 ครับ ต้องมานั่งปรับแต่ง หรือหาตัวอื่นมาช่วยกันพอสมควร


แต่ที่ลองมาแล้วดีที่สุดคือ WP Rocket
- ตัวนี้ตัวเดียว คะแนน Google Pagespeed ขึ้นไปเกิน 90


การ Compress Image
- ง่ายที่สุด ใช้ Imagify สั่ง Bulk Compress Image ทีเดียวทั้งเว็บ
- หลังจากใช้ WP Rocket + Imagify คะแนน Pagespeed จะไปที่ระดับ 90-100


ซึ่งเพื่อนๆคนไหน กำลังหาวิธีทำให้เว็บเร็ว ลองวิธีนี้ดูครับ WP Rocket + Imagify
ถ้าในเว็บมีรูปเยอะมาก ก็ใช้ BJ Lazy Load ครับ ลดเวลาโหลดหน้าเว็บได้

ขอบคุณครับ จะนำไปลองทดสอบดู