เอาเทคนิคการปรับแต่ง WordPress เว็บไซต์มาแชร์ครับความเร็วของเว็บไซต์มีผลต่อการใช้งานของผู้ใช้ Google เองยังให้ความสำคัญในการจัดอันดับ Page Rank โดยให้ความเร็วของการโหลดหน้าเพจเป็นองประกอบ เว็บไซต์ที่โหลดหน้าเพจได้ไว้ สามารถที่จะเรียกผู้ใช้ได้มากกว่าเว็บไซต์ที่ไหลดช้า เพราะฉนั้นนอกจากหน้าเนื้อหาของเว็บที่จะต้องดี หน้าตาเว็บสวยงาม โครงสร้างเว็บเชื่อมโยงกันและใช้งานง่ายแล้ว การปรับแต่งเว็บให้ผู้ใช้โหลดได้เร็วก็มีส่วนที่สำคัญมาก
ถ้าเว็บของคุณยังไม่เคยทดสอบความเร็วเลย ลองทดสอบด้วย Google PageSpeed Insights ด้านล่าง
https://developers.google.com/speed/pagespeed/insights/
หลังจาการทดสอบความเร็วเว็บไซต์ด้วย PageSpeed Insights คุณจะได้เห็นความเร็วเว็บไซต์ของคุณที่เข้าถึงด้วย Mobile และ Desktop พร้อมทั้งคำแนะนำในการปรับแต่งค่าต่างๆ
Google ให้ความสำคัญกับความเร็วในการจัดอันดับ Page Rank ไม่ต่างจาก Microsoft Bing:
"A 2-second longer delay in page responsiveness reduced user satisfaction by 3.8%, increased lost revenue per user by 4.3%, and a reduced clicks by 4.3%."
"เว็บไซต์ช้าขึ้น 2 วินาที จะเสียลูกค้าไป 3.8% จะสูญเสียรายได้(ต่อลูกค้าหนึ่งคนไป) 4.3% และเปอร์เซ็นการคลิกจะลดลง 4.3%"
(http://www.bkkseo.com/wp-content/uploads/2018/04/Tuneup-WordPress.jpg)
เว็บไซต์ที่ดี (ทำงานได้ไวและไม่ล่ม)ต้องทำงานอยู่เป็นโฮสติ้งที่ดี การเลือกเว็บโฮสติ้งที่ดีนั้นเป็นมีความสำคัญและเป็นข้อควรพิจารณาในอันดับต้นๆ เว็บโฮสติ้งที่ดีควรจะให้ความมั่นใจกับผู้ใช้บริการได้ว่าเว็บไซต์จะทำงานได้ไว (Load Time/Speed) และสามารถให้บริการเกือบตลอดเวลา ( Uptime > 99.97 ) ที่ผมบอกว่าเกือบจะตลอดเวลาเพราะในโลกความเป็นจริงนั้นเป็นเรื่องยากมากที่จะทำให้เว็บไซต์ออนไลน์ได้ตลอดเวลาตลอดปีและตลอดไป ดังนั้นสิ่งที่เราต้องพิจารณาคือ ผู้บริการเว็บโฮสติ้งที่มีประสบการณ์ในการให้บริการ มีผู้เชียวชาญมีบริการที่ดีเพื่อช่วยเหลือยามมีปัญหา มีระบบจัดการอุปกรณ์คอมพิวเตอร์และเน็ทเวิร์คที่ดีที่จะช่วยในเรื่อง Load Time และ Uptime
(http://www.bkkseo.com/wp-content/uploads/2018/04/intro-small.jpg)
การเลือก WordPress ธีมนั้นถ้าเป็นธีมที่มีกล่าวอ้างว่า "Lightweight and Speedy" ธีมพวกนี้จะมักจะมีคุณสมบัติที่ทำงานได้เร็ว อย่างเช่น WordPress Theme Twenty Fifteen ด้วยความที่เป็นธีมที่ไม่มีอะไรมากทำให้เบา เวลาโหลดก็จะโหลดได้เร็ว ผมไม่ได้แนะนำว่าคุณต้องเลือกธีมที่เบาๆทำงานไวๆนะครับ การเลือกธีมอันดับแรกที่ผมคำนึงถึงก็คือตอบโจทย์การใช้งาน และความสวยงาม แต่ถ้าเลือกได้ในบรรดาหลายๆธีมที่ตอบโจทย์การใช้งานของคุณนั้น ธีมที่ทำให้ WordPress โหลดได้เร็วก็ควรเป็นอีกข้อที่ใช้ในการพิจารณา
นอกจากนั้น Plugins ยังมีส่วนในการเพิ่มประสิทธิภาพการทำงานของ WordPress สำหรับผม Plugins ฟรีๆ ฟังชันก์การใช้งานคล้ายๆกันมีให้เลือกและทดลองใช้มากมาย ผมจะทดลองและเลือกใช้เท่าที่จำเป็นและลบส่วนที่ไม่ใช้ทิ้ง นอกจากมันจะช่วยให้เว็บของผมทำงานได้เร็วและยังเพิ่มความปลอดภัยในการลบ Code จาก Plugins ที่ไม่จำเป็นอีกด้วย
แจกธีมครับ ไหนๆก็พูดในหัวข้อธีมแล้ว https://www.facebook.com/amzseo/posts/976715435816222
(http://www.bkkseo.com/wp-content/uploads/2018/04/caching-small.jpg)
การทำงานหลังบ้านของ WordPress คือใช้ PHP ติดต่อกับฐานข้อมูล MySQL สำหรับการโหลด Page หรือ Post นั้น WordPress นั้นจะเป็นการดึงข้อมูลใน Tables แปลงเป็น HTML ส่งกลับไปให้ผู้ใช้ การทำ Caching จะจัดการเก็บข้อมูลที่เรียกไว้ในรูปของ Static files (ไฟล์ที่เข้าถึงง่ายและเร็ว) ซึ่งจะทำให้การโหลดหน้าเพจทำงานได้ไวกว่า สำหรับ WordPress Caching Plugins ที่แนะนำให้ใช้คือ W3 Total Cache
สำหรับท่านใดพัฒนาเว็บขึ้นมาเอง Memcache เป็น Toolsอีกตัวหนึ่งที่ได้รับความนิยมและรองรับการใช้งานกับหลายภาษา (ส่วนตัวผมใช้ Memcache ช่วยทำงานหลายๆอย่าง ผมเขียน Python ติดต่อกับ Database กับ API อื่นๆ memcache จะเป็นตัวขั้นกลาง เราจะ Code ให้ระบบเราไป lookup memcache ก่อนถ้าไม่มีข้อมูลก็จะไปโหลดมาจาก database หรือจาก API อื่นมาเก็บไว้ที่ Cache ครั้งต่อมาข้อมูลจากถูกเรียกจาก Cache โดยตรงแทนที่จะไปที่ Database หรือ API การทำงานจะเร็วกว่ามากๆครับ)
ถ้าใครเขียนโปรแกรมแล้วยังไม่เคยใช้ Caching tools แนะนำให้ลองศึกษาเลยครับพวก MemCache หรือ Radis เป็นอะไรที่นอกจากจะให้ทำโปรแกรมทำงานเร็วขึ้นแล้วยังทำให้ความรู้ด้านโปรแกรมมิ่งครบถ้วนมากขึ้นด้วยครับ ส่วนใครใช้ WP ก็มี Plugin ให้เลือกอยู่หลายตัวเลย
(http://www.bkkseo.com/wp-content/uploads/2018/04/cdn-small.png)
ผมเรียกหัวข้อนี้ว่าเป็น Offsite Caching เพราะข้อมูลในเว็บไซต์ของเราจะถูกเก็บกระจายออกไปตามเซิฟเวอร์ต่างๆ ทั่วโลก และเมื่อมีผู้เข้าชมจากจุดไหน ระบบก็จะส่งข้อมูลให้ชมจากเซิฟเวอร์จุดที่อยู่ใกล้ที่สุด ดังนั้นจึงทำให้เว็บของเราเปิดเข้าชมได้เร็วขึ้นจากสถานที่ต่างๆ ทั่วโลก เพราะมันโหลดจากที่ที่ใกล้ที่สุดนั่นเอง
การใช้บริการ CDN นั้นทางผู้ให้บิรการโฮสติ้งหลายๆรายมีบริการให้พร้อมกับเพ็คเกจที่เราสั่งซื้อ ซึ่งทาให้สะดวกในการติดตั้ง หรือพร้อมใช้งานทันทีที่เราติดตั้วเว็บไซต์ สาหรับเว็บโฮสติ้งที่ไม่มีบริการ CDN รวมในเพ็คเก็จก็มีหลายลาย CloudFlare เป็นหนึ่งในผู้ให้บริการ CDN ระดับโลกที่มีผู้ใช้บริการกันมาก บริการ CDN ของ CloudFlare มีตั้งแต่ระดับเริ่มต้น ให้ลงทะเบียนใช้งานฟรีไปจนถึงระดับที่ต้องจ่ายเงิน เว็บผมก็ใช้ CloudFlare (Free) อยู่เหมือนกัน
นอกจากจะได้ประโยชน์จากความเร็วเรื่อง Offsite Caching และยังช่วยเพิ่ม Performance และ Security ให้กับเว็บไซต์อีกด้วย ผมแนะนาให้อ่าน CloudFlare CDN จาก https://www.wpthaiuser.com/cloudflare-cdn/
(http://www.bkkseo.com/wp-content/uploads/2018/04/WP-Smush-Plugin-1-small.jpg)
สาหรับการทำบล๊อกให้น่าสนใจขาดไม่ได้เลยที่ต้องเลือกรูปภาพประกอบให้สื่อความหมายและสวยงาม ภาพใหญ่ขนาดไฟล์ใหญ่จะส่งผลให้ใช้เวลาการโหลดสูงขึ้น และขนาดของไฟล์ภาพก็ไม่ได้มีผลต่อคุณภาพของภาพด้วยซ้า
สาหรับผมภาพความกว้างขนาด 1024px ถึงว่าเป็นภาพขนาดความกว้างสูงสุดที่พอดีสาหรับการแสดงบนหน้าจอ Desktop ถ้าคุณปรับขนาดภาพเองได้ จะได้ภาพที่พอเหมาะขนาดที่เท่ากันสาหรับการแสดงในหน้าเพจ โดยเฉพาะ Featured images (เวลาทา Slide images ที่ Header/Top ของ home page จะสวยงาม)
แต่ถ้าไม่สะดวกทาผมแนะนาให้ใช้ plugins wp-smushIt Plugin https://wordpress.org/plugins/wp-smushit/ ตัวนี้จะช่วยปรับขนาดภาพในเว็บไซต์ของคุณได้โดยอัตโนมัติ ให้ความยืดหยุ่นโดยคุณสามารถปรับขนาดความกว้างสูงสุดเองได้
(http://www.bkkseo.com/wp-content/uploads/2018/04/home-small.png)
หน้า 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 ของคุณ
(http://www.bkkseo.com/wp-content/uploads/2018/04/database-small.jpg)
ฐานข้อมูลเมื่อใช้ไปนานๆ ข้อมูลเพิ่มขึ้นควรจะต้องมีการปรับปรุง (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 ได้
(http://www.bkkseo.com/wp-content/uploads/2018/04/link-small.png)
เมื่อบทความหรือรูปภาพในเว็บของคุณเป็นที่ต้องการ มีความเป็นไปได้ที่เว็บไซต์ของคุณจะถูกคัดลอกและบทความที่ถูกคัดลอกไปที่เว็บไซต์อื่นจะมีรูปภาพ 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 ถ้าคุณอนุญาติให้หลายๆเว็บใช้ได้ก็ใส่ชื่อเว็บให้ครบ
(http://www.bkkseo.com/wp-content/uploads/2018/04/wordpress-lazy-load-small.png)
การโหลดภาพในเว็บไซต์นอกจากจะสามารถเพิ่มความเร็วในการโหลดภาพด้วยการปรับขนาดรูปภาพให้เหมาะสมแล้ว เรายังสามารถโหลดภาพเฉพาะภาพที่ผู้ใช้กำลังเรียกใช้เรียกใช้ได้อีกด้วย การโหลดภาพในลักษณะนี้เรียกว่า LazyLoad การโหลดลักษณะนี้จะช่วยให้การโหลดหน้าเว็บทำงานได้เร็วขึ้น เป็นไปได้มากที่ผู้เข้ามาเยี่ยมชมเว็บเราเปิดหน้าเพจแค่ด้านบนโดยไม่ได้เลื่อนลงมาดูรูปภาพที่อยู่ด้านล่างเลย ดังนั้น LazyLoad จึงเป็นการโหลดที่ช่วยในการโหลดหน้าเว็บให้เร็วขึ้นได้ การทำ LazyLoad กับรูปภาพทาได้โดยการติดตั้ง WordPress Plugin BI-Lazy-Load
(http://www.bkkseo.com/wp-content/uploads/2018/04/HTTP_caching_expires-small.png)
การทำ Web Caching ส่วนใหญ่มักจะมีเวลาหมดอายุกำกับกับ Resources ต่างๆเช่น รูปภาพ ไฟล์วีดีโอ CSS และ JavaScript เมื่อไฟล์เหล่านั้นถูกทำ Caching และหมดอายุ ระบบหลังบ้านของเว็บไซต์จะโหลด Resources จากเว็บไซต์มาใหม่ การโหลดมาใหม่นี่เองจะส่งผลให้เว็บไซต์ใช้เวลาในการโหลดนานมากขึ้น ดังนั้นการตั้งเวลาหมดอายุที่เหมาะสมกับ Resources ประเภทต่างๆจึงช่วยให้การทำงานเว็บไซต์ของเราดีขึ้นได้ ด้วยความที่มันเป็น Static Resources หรือข้อมูลในเว็บที่ไม่มีการเปลี่ยนแปลงเลยหรือเปลี่ยนแปลงเพียงเล็กน้อย เราจึงสามารถกาหนดเวลาหมดอายุให้นานขึ้นได้
ในตัวอย่างด้านล่างเป็นการกาหนดให้ไฟล์รูปภาพต่างๆมีเวลาหมดอายุ 1 เดือน
ให้แก้ไขไฟล์ .htaccess (หน่วยเวลาข้างล่างเป็นวินาที ค่าที่ตั้งเป็นตัวอย่างคือ 1 เดือน)
ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
เพิ่มช่องทางสำหรับการดาวโหลดเนื้อหา -
เพื่อนๆสามารถ Download PDF ได้จากที่นี่ https://drive.google.com/open?id=1pOmjLG5Q8zdVpkYw2C8tiIeQ7dva1UjI
-
ถ้าใครมีคำแนะนำมีคำถาม หรือต้องการรับบทความอัพเดทใหม่ๆ http://www.bkkseo.com/tuneup-wordpress/
จากคาแนะนำ 10 ข้อที่นี้จะเห็นว่ามีการปรับปรุ่งแก้ไขสองประเภทด้วยกันคือ
ปรับปรุ่งจากภายในคือการปรับปรุ่ง WordPress การเลือก Theme, ใช้ Plugins ช่วยจัดการ และการ Configuration file .htaccess WordPress
ปรับปรุ่งจากภายนอก คือการปรับปรุงองค์ประกอบนอกเว็บไซต์ของเรา การเลือกเว็บโฮสติ้งที่ดีมาใช้งาน การทา CDN หรือขอใช้บริการ CloudFlare เพื่อทา CDN (Free) เรื่องพวกนี้อาจจะดูยาก และยุ่งยากซักหน่อยสาหรับคนที่ไม่มีประสบการณ์ สาหรับผมคิดว่าเป็นสิ่งสาคัญและจาเป็นยิ่งถ้าคุณจะเอาจริงกับงานด้านเว็บไซต์ด้วยแล้วยิ่งต้องทำ
"ไม่มีอะไรได้มาฟรีๆ ไม่มีอะไรได้มาง่ายๆ ถ้าคุณไม่ลงมือทา ศึกษา เรียนรู้ พัฒนา และรักที่จะทามัน"
ขอบคุณมากๆๆเลยครับ :wanwan003: :wanwan003:
สุดยอดดดดด
ขอบคุณครับ
ขอบคุณครับ ติดตามครับ
ติดตาม :wanwan017:
:wanwan003: :wanwan003:
:wanwan017: :wanwan017:
ขอบคุณมากครับ จูนเว็บส่วนนึง โฮสติ้งส่วนนึง
:wanwan017:
ขอบคุณที่ติดตามนะครับผมเพิ่มเทคนิคที่สองในกระทู้แล้ว ถ้าใครติดตามก็อ่านส่วนที่เพิ่มเติมได้เลย
ถ้าติดตามจนจบจะเห็นว่าการ TuneUp จะมีสองส่วนผมเรียกว่าปรับแต่งภายใน กับปรับแต่งภายนอก ส่วนที่ผมแนะนำสุดน่าจะเรื่องของ CDN และ CloudFlare (Free)
วันที่สอง: เลือก WordPress Theme ที่ดีและติดตั้งเฉพาะ Plugins ที่จำเป็นการเลือก WordPress ธีมนั้นถ้าเป็นธีมที่มีกล่าวอ้างว่า "Lightweight and Speedy" ธีมพวกนี้จะมักจะมีคุณสมบัติที่ทำงานได้เร็ว อย่างเช่น WordPress Theme Twenty Fifteen ด้วยความที่เป็นธีมที่ไม่มีอะไรมากทำให้เบา เวลาโหลดก็จะโหลดได้เร็ว ผมไม่ได้แนะนำว่าคุณต้องเลือกธีมที่เบาๆทำงานไวๆนะครับ การเลือกธีมอันดับแรกที่ผมคำนึงถึงก็คือตอบโจทย์การใช้งาน และความสวยงาม แต่ถ้าเลือกได้ในบรรดาหลายๆธีมที่ตอบโจทย์การใช้งานของคุณนั้น ธีมที่ทำให้ WordPress โหลดได้เร็วก็ควรเป็นอีกข้อที่ใช้ในการพิจารณา
นอกจากนั้น Plugins ยังมีส่วนในการเพิ่มประสิทธิภาพการทำงานของ WordPress สำหรับผม Plugins ฟรีๆ ฟังชันก์การใช้งานคล้ายๆกันมีให้เลือกและทดลองใช้มากมาย ผมจะทดลองและเลือกใช้เท่าที่จำเป็นและลบส่วนที่ไม่ใช้ทิ้ง นอกจากมันจะช่วยให้เว็บของผมทำงานได้เร็วและยังเพิ่มความปลอดภัยในการลบ Code จาก Plugins ที่ไม่จำเป็นอีกด้วย
แจกธีมครับ ไหนๆก็พูดในหัวข้อธีมแล้ว https://www.facebook.com/amzseo/posts/976715435816222
ขอบคุณครับ กำลังปรับแต่งเว็บขายสารกรองน้ำอยู่พอดีเลยครับ :wanwan017:
ขอบคุณครับ สรุปมาได้ดีเลยทีเดียว
:wanwan019:
ขอบคุณมากครับ :wanwan044:
ขอบคุณครับ
ขอบคุณครับ กำลังหาเทคนิคอยู่พอดี
ขอบคุณครับ
ขอคุณครับ เทคนิคดีๆ :wanwan003:
เยี่ยมเลย ครับ แล้วเว็บเชียนเองมีวิธีมาแน่ะนำไหมครับ แบบที่ไม่ใช่ cms
ขอบคุณครับ แจ่มมากๆครับ
ถึงกับต้อง bookmark เก็บไว้อ่านกันเลยทีเดียว
อ้างถึงจาก: rampertteam-sky ใน 05 เมษายน 2018, 15:47:11
เยี่ยมเลย ครับ แล้วเว็บเชียนเองมีวิธีมาแน่ะนำไหมครับ แบบที่ไม่ใช่ cms
เอาหลักการมาใช้ได้ครับ ของ Wordpress มันมี plug-in ช่วยแต่เว็บทั่วไปก็หาอย่างอื่นมาทดแทน
ตัวอย่างเช่น caching ถ้าคนเขียนเว็บมักใช้ memcache หรือ radis ทำ caching
สำหรับอีกสองหัวข้อเรื่องเลือก hosting , CDN หรือ off-site caching อันนี้ใช้ด้วยกันได้แน่นอน และแนะนำอย่างยิ่งกับ cloudflare
หัวข้อนี้น่าสนใจเอาไปเขียนบทความภาคต่อไปครับ
ผมทำบล็อกอยู่ที่ http://www.bkkseo.com ไป subตะไคร้ได้ครับจะได้ไม่พลาดอัพเดท
ขอบคุณครับ :wanwan017: :wanwan017:
ขอบคุณครับ
:wanwan017:
วันนี้วันหยุดพักผ่อนหรือเที่ยวให้สนุกกันนะครับ ผมตื่นมา Update บทความตามที่สัญญา เป้าหมายที่ตื่นมาเช้าคือตั้งใจจะย้าย Host VPS ตัวเก่ามาที่ VPS ตัวใหม่เพราะจะได้ลดค่าใช้จ่ายรายเดือนและลองอะไรใหม่ๆครับ ก่อนที่จะไปเที่ยวกับครอบครัว
ผมเพิ่มส่วนที่สามให้ข้างล่าง หรือใครอ่านหัวข้อกระทู้ก็จะมีแบบข้างล่างเหมือนกัน
วันสาม: โหลดเร็วกว่าด้วย Catching
การทำงานหลังบ้านของ WordPress คือใช้ PHP ติดต่อกับฐานข้อมูล MySQL สำหรับการโหลด Page หรือ Post นั้น WordPress นั้นจะเป็นการดึงข้อมูลใน Tables แปลงเป็น HTML ส่งกลับไปให้ผู้ใช้ การทำ Caching จะจัดการเก็บข้อมูลที่เรียกไว้ในรูปของ Static files (ไฟล์ที่เข้าถึงง่ายและเร็ว) ซึ่งจะทำให้การโหลดหน้าเพจทำงานได้ไวกว่า สำหรับ WordPress Caching Plugins ที่แนะนำให้ใช้คือ W3 Total Cache
สำหรับท่านใดพัฒนาเว็บขึ้นมาเอง Memcache เป็น Toolsอีกตัวหนึ่งที่ได้รับความนิยมและรองรับการใช้งานกับหลายภาษา (ส่วนตัวผมใช้ Memcache ช่วยทำงานหลายๆอย่าง ผมเขียน Python ติดต่อกับ Database กับ API อื่นๆ memcache จะเป็นตัวขั้นกลาง เราจะ Code ให้ระบบเราไป lookup memcache ก่อนถ้าไม่มีข้อมูลก็จะไปโหลดมาจาก database หรือจาก API อื่นมาเก็บไว้ที่ Cache ครั้งต่อมาข้อมูลจากถูกเรียกจาก Cache โดยตรงแทนที่จะไปที่ Database หรือ API การทำงานจะเร็วกว่ามากๆครับ)
ถ้าใครเขียนโปรแกรมแล้วยังไม่เคยใช้ Caching tools แนะนำให้ลองศึกษาเลยครับพวก MemCache หรือ Radis เป็นอะไรที่นอกจากจะให้ทำโปรแกรมทำงานเร็วขึ้นแล้วยังทำให้ความรู้ด้านโปรแกรมมิ่งครบถ้วนมากขึ้นด้วยครับ ส่วนใครใช้ WP ก็มี Plugin ให้เลือกอยู่หลายตัวเลย
อ้างถึงจาก: Ozone ใน 06 เมษายน 2018, 04:45:00
วันนี้วันหยุดพักผ่อนหรือเที่ยวให้สนุกกันนะครับ ผมตื่นมา Update บทความตามที่สัญญา เป้าหมายที่ตื่นมาเช้าคือตั้งใจจะย้าย Host VPS ตัวเก่ามาที่ VPS ตัวใหม่เพราะจะได้ลดค่าใช้จ่ายรายเดือนและลองอะไรใหม่ๆครับ ก่อนที่จะไปเที่ยวกับครอบครัว
ผมเพิ่มส่วนที่สามให้ข้างล่าง หรือใครอ่านหัวข้อกระทู้ก็จะมีแบบข้างล่างเหมือนกัน
วันสาม: โหลดเร็วกว่าด้วย Catching
การทำงานหลังบ้านของ WordPress คือใช้ PHP ติดต่อกับฐานข้อมูล MySQL สำหรับการโหลด Page หรือ Post นั้น WordPress นั้นจะเป็นการดึงข้อมูลใน Tables แปลงเป็น HTML ส่งกลับไปให้ผู้ใช้ การทำ Caching จะจัดการเก็บข้อมูลที่เรียกไว้ในรูปของ Static files (ไฟล์ที่เข้าถึงง่ายและเร็ว) ซึ่งจะทำให้การโหลดหน้าเพจทำงานได้ไวกว่า สำหรับ WordPress Caching Plugins ที่แนะนำให้ใช้คือ W3 Total Cache
สำหรับท่านใดพัฒนาเว็บขึ้นมาเอง Memcache เป็น Toolsอีกตัวหนึ่งที่ได้รับความนิยมและรองรับการใช้งานกับหลายภาษา (ส่วนตัวผมใช้ Memcache ช่วยทำงานหลายๆอย่าง ผมเขียน Python ติดต่อกับ Database กับ API อื่นๆ memcache จะเป็นตัวขั้นกลาง เราจะ Code ให้ระบบเราไป lookup memcache ก่อนถ้าไม่มีข้อมูลก็จะไปโหลดมาจาก database หรือจาก API อื่นมาเก็บไว้ที่ Cache ครั้งต่อมาข้อมูลจากถูกเรียกจาก Cache โดยตรงแทนที่จะไปที่ Database หรือ API การทำงานจะเร็วกว่ามากๆครับ)
ถ้าใครเขียนโปรแกรมแล้วยังไม่เคยใช้ Caching tools แนะนำให้ลองศึกษาเลยครับพวก MemCache หรือ Radis เป็นอะไรที่นอกจากจะให้ทำโปรแกรมทำงานเร็วขึ้นแล้วยังทำให้ความรู้ด้านโปรแกรมมิ่งครบถ้วนมากขึ้นด้วยครับ ส่วนใครใช้ WP ก็มี Plugin ให้เลือกอยู่หลายตัวเลย
เสร็จสิ้นภาระกิจที่ตั้งใจแล้วครับได้ครึ่งทางของการย้าย bkkseo.com ไป vps ตัวใหม่ละ
สรุปคร่าวๆ (เผื่อมีคนสนใจ)
1. ลง CenOS กับ VPS เพราะผมถนัด OS ตัวนี้
2. ลง VestaCP
3. สร้าง New User, Web, DB ใน VestaCP
4. root access ไป VPS เพื่อ download latest WP.tar.gz
5. แตก WP tarball
6. ย้าย DNS (A record) จาก CloudFare.com ไปที่ VPS ตัวใหม่
7. install WP ผ่าน web browser
8. เรียบร้อย ได้ WP ตัวใหม่ในชื่อ domain เดิม (ตอนนี้ bkkseo.com จะเป็น WP blank เลยเพราะเพิ่งลง)
ถือว่าเสร็จไปครึ่งทางครับ ที่เหลือก็คือย้ายข้อมูล files + db ไปที่ใหม่ ก็จะเสร็จสิ้นการย้ายบ้าน
แชร์คร่าวๆ อาจจะเกินหัวข้อบทความที่ต้องการแชร์ เผื่อมีคนสนใจครับ ผม Capture screenshots ไว้เป็น steps by steps น่าจะได้แชร์ภายหลัง :wanwan017:
ขอบคุณครับ
แจ่มครับ :wanwan003:
ขอบคุณครับ
:wanwan017: :wanwan017: :wanwan017:
มาเพิ่มข้อมูลให้ครับ ส่วนนี้แนะนำเลย ใครยังไม่รู้จัก CloudFlare ลองไปอ่านไปทำกันดู
วันสี่: เร็วกว่าด้วย Offsite Caching – CDN (Content Delivery Network)
ผมเรียกหัวข้อนี้ว่าเป็น Offsite Caching เพราะข้อมูลในเว็บไซต์ของเราจะถูกเก็บกระจายออกไปตามเซิฟเวอร์ต่างๆ ทั่วโลก และเมื่อมีผู้เข้าชมจากจุดไหน ระบบก็จะส่งข้อมูลให้ชมจากเซิฟเวอร์จุดที่อยู่ใกล้ที่สุด ดังนั้นจึงทำให้เว็บของเราเปิดเข้าชมได้เร็วขึ้นจากสถานที่ต่างๆ ทั่วโลก เพราะมันโหลดจากที่ที่ใกล้ที่สุดนั่นเอง
การใช้บริการ CDN นั้นทางผู้ให้บิรการโฮสติ้งหลายๆรายมีบริการให้พร้อมกับเพ็คเกจที่เราสั่งซื้อ ซึ่งทาให้สะดวกในการติดตั้ง หรือพร้อมใช้งานทันทีที่เราติดตั้วเว็บไซต์ สาหรับเว็บโฮสติ้งที่ไม่มีบริการ CDN รวมในเพ็คเก็จก็มีหลายลาย CloudFlare เป็นหนึ่งในผู้ให้บริการ CDN ระดับโลกที่มีผู้ใช้บริการกันมาก บริการ CDN ของ CloudFlare มีตั้งแต่ระดับเริ่มต้น ให้ลงทะเบียนใช้งานฟรีไปจนถึงระดับที่ต้องจ่ายเงิน เว็บผมก็ใช้ CloudFlare (Free) อยู่เหมือนกัน
นอกจากจะได้ประโยชน์จากความเร็วเรื่อง Offsite Caching และยังช่วยเพิ่ม Performance และ Security ให้กับเว็บไซต์อีกด้วย ผมแนะนาให้อ่าน CloudFlare CDN จาก https://www.wpthaiuser.com/cloudflare-cdn/
เยี่ยมมาก ขอบคุณครับ
ขอบคุณครับ
ขอบคุณมากๆครับ จะลองนำไปปรับดู :-[
ขอบคุณครับ ข้อมูลน่าสนใจ
ขอบคุณครับ
เป็นประโยชน์มากครับ
ขอบคุณมากครับ
ขอบคุณครับ หากเขียนหรือออกแบบ theme ได้เอง จะตอบโจทย์ปัญหาได้ดีครับ
ขอบคุณครับ :wanwan017:
:wanwan017: :wanwan017: :wanwan017:
แวะมาเก็บข้อมูลครับผม :wanwan010: :wanwan010:
โหความรู้ดีๆขอบคุณมากๆครับ
วันอาทิตย์ผมไปต่างจังหวัดกับครอบครัว วันนี้เลยมาเพิ่มบทความให้สองหัวข้อครับ
วันห้า: ภาพใหญ่โหลดช้าแต่ความคมชัดเท่าเดิม
สาหรับการทำบล๊อกให้น่าสนใจขาดไม่ได้เลยที่ต้องเลือกรูปภาพประกอบให้สื่อความหมายและสวยงาม ภาพใหญ่ขนาดไฟล์ใหญ่จะส่งผลให้ใช้เวลาการโหลดสูงขึ้น และขนาดของไฟล์ภาพก็ไม่ได้มีผลต่อคุณภาพของภาพด้วยซ้า
สาหรับผมภาพความกว้างขนาด 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 ของคุณ
ขอบคุณคับ
มีประโยชน์มากเลยครับ :'(
ขอบคุณครับ เข้าไป add fav blog ไว้เรียบร้อย
โอ้ว เขียนอธิบายแต่ละข้อด้วย แจ่มมาก
ขอบคุณครับ มีประโยชน์มากเลย :wanwan017:
ขอบคุณอีกครั้งครับ
:wanwan011:
เยี่ยมเลยครับ
+ :wanwan017:
อ้างถึงจาก: Fallen ใน 09 เมษายน 2018, 15:56:22
+ :wanwan017:
+ กลับไปซิครับ ตั้งแต่ตั้งกระทู้นี้มามีคุณคนแรกเลย
คะแนนไม่มีผลกับผม แต่มันแสดงว่าคุณคิดว่ามันดีจริงๆ :-[
เพิ่มเติมเทคนิคที่เจ็ดครับ แนะนำเลยว่าคนที่ทำ 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 ได้
bookmark เก็บไว้อ่านเลยค่ะ ชอบๆ
ขอบคุณครับ
เพิ่มเติมเทคนิคที่แปดให้ครับ
วันที่แปด: ปิดการขโมย 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 ถ้าคุณอนุญาติให้หลายๆเว็บใช้ได้ก็ใส่ชื่อเว็บให้ครบ
ขอบคุณมากมายครับ :wanwan017:
ขอขอบคุณมากเลยครับ :wanwan017:
ขออนุญาติแชร์ประสบการณ์นะครับ ผมใช้ 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 ครับ ลดเวลาโหลดหน้าเว็บได้
ขอบคุณครับ
อ้างถึงจาก: ForexNew.org ใน 12 เมษายน 2018, 08:02:37
ขอขอบคุณมากเลยครับ :wanwan017:
ขออนุญาติแชร์ประสบการณ์นะครับ ผมใช้ 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 ครับ ลดเวลาโหลดหน้าเว็บได้
ขอบคุณครับ จะนำไปลองทดสอบดู
เพิ่มเทคนิคที่เก้า และ สิบให้แล้วครับ ก่อนไปเที่ยวสงกรานต์
วันที่เก้า: เพิ่ม LazyLoad ให้ภาพในเว็บไซต์
การโหลดภาพในเว็บไซต์นอกจากจะสามารถเพิ่มความเร็วในการโหลดภาพด้วยการปรับขนาดรูปภาพให้เหมาะสมแล้ว เรายังสามารถโหลดภาพเฉพาะภาพที่ผู้ใช้กำลังเรียกใช้เรียกใช้ได้อีกด้วย การโหลดภาพในลักษณะนี้เรียกว่า LazyLoad การโหลดลักษณะนี้จะช่วยให้การโหลดหน้าเว็บทำงานได้เร็วขึ้น เป็นไปได้มากที่ผู้เข้ามาเยี่ยมชมเว็บเราเปิดหน้าเพจแค่ด้านบนโดยไม่ได้เลื่อนลงมาดูรูปภาพที่อยู่ด้านล่างเลย ดังนั้น LazyLoad จึงเป็นการโหลดที่ช่วยในการโหลดหน้าเว็บให้เร็วขึ้นได้ การทำ LazyLoad กับรูปภาพทาได้โดยการติดตั้ง WordPress Plugin BI-Lazy-Load
วันที่สิบ: กำหนดเวลาหมดอายุให้กับ Static Resources
การทำ Web Caching ส่วนใหญ่มักจะมีเวลาหมดอายุกำกับกับ Resources ต่างๆเช่น รูปภาพ ไฟล์วีดีโอ CSS และ JavaScript เมื่อไฟล์เหล่านั้นถูกทำ Caching และหมดอายุ ระบบหลังบ้านของเว็บไซต์จะโหลด Resources จากเว็บไซต์มาใหม่ การโหลดมาใหม่นี่เองจะส่งผลให้เว็บไซต์ใช้เวลาในการโหลดนานมากขึ้น ดังนั้นการตั้งเวลาหมดอายุที่เหมาะสมกับ Resources ประเภทต่างๆจึงช่วยให้การทำงานเว็บไซต์ของเราดีขึ้นได้ ด้วยความที่มันเป็น Static Resources หรือข้อมูลในเว็บที่ไม่มีการเปลี่ยนแปลงเลยหรือเปลี่ยนแปลงเพียงเล็กน้อย เราจึงสามารถกาหนดเวลาหมดอายุให้นานขึ้นได้
:wanwan017: :wanwan017:
หาเน็ตเวิร์คไปนอกดีๆ แรงๆด้วยครับ
เยี่ยม ครับ
:wanwan020: :wanwan020: :wanwan020:
+1
ขอบคุณครับ :wanwan017:
:wanwan011: :wanwan011: :wanwan011:
ขอบคุณค่า :wanwan017:
ขอบคุณครับ :wanwan017:
ขอบคุณครับ
ลอง Litespeed cache ยังครับ ที่สุดของแคชเลยครับ :wanwan020:
ขอบคุณครับ ได้คำแนะนำดีๆ เยอะเลย
ขอบคุณครับ
ข้อมูลแน่นจัด
ขอบคุณคะ
ขอบคุณครับ
ขอบคุณมากครับ :wanwan017: :wanwan017:
ขอบคุณมากครับ