wordpress โหลดช้า 9 วิธีแก้ไขให้โหลดเร็ว ได้คะแนน 95/100

Wordpress โหลดช้า เรามีทางแก้ไขได้

wordpress โหลดช้า สำหรับท่านที่ใช้  wordpress แล้วโหลดช้ามาก เรามีวิธีทำให้เว็บโหลดเร็วเพิ่มสปีด แบบลื่นปื๊ดๆ โดยเฉพาะสำหรับ Theme ที่มีให้มาฟรีๆ ผมคิดว่าหลายท่านเวลา test speed แล้วจะเจอปัญหา font google ที่ทำให้โหลดช้า เช่น http://xxxxxxxxx.com/wp-includes/js/jquery/jquery.js?ver=1.12.4  สำหรับภาพสไลด์ หรืออื่น และอีกตัวก็คือ ฟอนท์กูเกิล
 http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic%7CRaleway:400,700&subset=latin,latin-ext,latin,latin-ext, wp-includes/js/jquery/jquery.js  อะไรประมาณนี้ สิ่งเหล่านี้มีผลกับ page speed ของเว็บเรา ก่อนอื่นต้องถามว่าทำไมผมใช้บล็อกเกอร์ เขียนเรื่องนี้ คำตอบคือ ผมได้ย้ายบล็อกเกอร์ไปwordpress ไป1เว็บ และก็เลยมีประสบการณ์ในการปรับแต่งมา แต่ก็ต้องบอกไว้ก่อนเลย ผมปรับอย่างไรก็ไม่ได้100/100 เพราะติดเรื่อง cash browser


จาก google adsense หากอยากได้ 100 ก็ต้องไม่มีโฆษณา ผมคิดว่าอย่างนั้น แต่ต้องหาทางแก้กันไปเรื่อยๆ 555

วิธีการแก้ไข wordpress โหลดช้า

1.เลือกธีมที่คิดว่าดีที่สุด ส่วนตัวผมเองยังใช้ธีมฟรีอยู่ชื่อ poseidon theme เป็นธีมฟรีที่สวยพอได้ หรือหากเลือกแบบธีมที่ไม่มี sidebar ยิ่งทำให้โหลดเร็วขึ้นอีก

2.ติดตั้งปลั๊กอิน autoptimized ของฟรีใช้งานได้ดีเลยทีเดียว ช่วยเรื่องของการ mini files css ต่างๆ หรือ mini files html ควรระวังเรื่องการบีบอัดบางตัว หรือ การนำออก จะทำให้บางอย่างไม่ทำงาน


3.ติดตั้งปลั๊กอิน async javascript ช่วยเพิ่มสปีด โดยการเอาสคริปท์ออก หรือแปลงเป็น async และ defer


4.ติดตั้งปลั๊กอิน Disable emoji ผมเอาออกหมดมันทำให้ช้า รวมถึง Disable comments ด้วยเหมือนกัน

5.ติดปลั๊กอิน ที่มีชื่อว่า google webfont optimizer  มาทำการติดตั้ง หรือ Disable google font 

6.ติดตั้งปลั๊กอิน Lazy load ติดตั้งง่ายไม่ต้องตั้งค่าอะไรเลย

7.ติดตั้งปลั๊กอิน wp fastest cache ช่วยเรื่องการ cash browser หรือ mini file css และ  html


8.ติดตั้งปลั๊กอิน WP Smuch จะช่วยบีบอัดไฟล์ภาพให้มีขนาดเล็กลง หรือ จะทำจากข้างนอกก็ได้ เช่น ใช้เว็บฟรีออนไลน์ TinyPNG ช่วยบีบไฟล์ให้ และแบบปลั๊กอินก็มีเหมือนกัน หรืออาจเพิ่มปลั๊กอินที่ช่วยลดขนาด smus image compression and optimized ช่วยในการโหลด ผมก็ใช้ตัวนี้อยู่

9.ติดโค๊ด google analytics ที่ footer โดยไปที่ footer.php แล้วเอาโค๊ดการติดตามไปวางไว้ท้ายสุดแล้วsave หรือ ใช้ปลั๊กอิน Complete Analytics Optimization Suite (CAOS) ก็ง่ายดี ส่วนผมเลือกวางในธีม แต่เวลาเปลี่ยนธีมน่าจะหายไป      

ทั้งหมดที่กล่าวมาเมื่อทำหมดแล้ว ยังติดปัญหา http://xxxxxxxxx.com/wp-includes/js/jquery/jquery.js?ver=1.12.4 ทำให้ช้าอยู่ใช่ไหม เราต้องปิดมัน หากว่าเป็นธีมที่ซื้อมาก็จะต้องเลือกที่speedเร็วๆหน่อย แต่ท่านที่ใช้ธีมฟรี เมื่อแก้แล้ว บางตัวจะใช้ไม่ได้เช่น image slider บางธีมภาพอาจไม่แสดงเลย ต้องเช็คให้ดีก่อนนะครับ แต่สำหรับท่านที่กังวลเรื่องความเร็ว ก็ต้องแก้ไขตามนี้ ยกcredit ให้ http://wbxpress.net/remove-defer-render-blocking-javascripts/ แก้ได้ผลจริงๆ โดยการเอาโค๊ตด้านล่างไปวางไว้ท้ายสุด ในส่วนของ (functions.php) แล้วกด save
โค๊ดแรก

/** Remove jQuery scripts from begining */ add_action('wp_enqueue_scripts', 'wbxp_script_remove_header'); function wbxp_script_remove_header() { wp_deregister_script( 'jquery' ); }
/** Load jQuery script at the end
*/ add_action('genesis_after_footer', 'wbxp_script_add_body'); function wbxp_script_add_body() { wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js', false, null); wp_enqueue_script( 'jquery'); }

โค๊ตแรกนี้อาจทำให้รูปในบทความหายได้ หากภาพหายให้ใช้โค๊ดที่สอง

และหลังจากนั้นก็กด save และกดดูเว็บทั้ง desktop และมือถือ ว่าทุกอย่างปกติไหม หากว่ารูปภาพหาย เหลือแต่ text ก็ทดลองใช้ code นี้ ส่วนผมใช้โค๊ดอันที่สองครับ

โค๊ตที่สอง

function load_custom_scripts() { wp_deregister_script( 'jquery' ); wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js', array(), '1.12.4', true); // true will place script in the footer wp_enqueue_script( 'jquery' ); } if(!is_admin()) { add_action('wp_enqueue_scripts', 'load_custom_scripts', 99); }

โค๊ดที่สองมาจาก https://wordpress.stackexchange.com/  โดยปรับversionใช้

หรือถ้าทั้งสองโค๊ดไม่ได้ให้ใช้อันนี้แทน อย่าลืมเคลียร์แคชก่อนเทสด้วยครับ

/** Remove jQuery scripts from begining */
add_action('wp_enqueue_scripts', 'wbxp_script_remove_header'); function wbxp_script_remove_header() { wp_deregister_script( 'jquery' ); }

จากนั้นก็ไปทดสอบความเร็วกันที่ google page speed  หรือที่ Think with google  หรือ  GTmatrix และอีกที่คือ Pingdom test  เท่านี้เอง page speed ก็เพิ่มขึ้นมากแล้วครับ แต่ที่ผมยังแก้ไม่ได้คือ cash browser จาก google analytics เพราะผมยังใหม่กับ wordpress อยู่ครับ เดี๋ยวพัฒนาตัวเองมากกว่านี้จะมาอัพเดทเพิ่มเติมให้อีกที  สำหรับเว็บที่ผมทำไว้คือ eat tour thai เพิ่งย้ายจากบล็อกเกอร์ไปหมาดๆเลย แต่ก็ยังช้าอยู่ดี เนื่องจากติดadsense และอีก2เว็บไม่ติดโฆษณาadsense ความเร็วดีมาก
รับตกแต่งภายในบ้าน
รับจัดไฟแนนซ์รถบ้าน

       แต่ถึงอย่างไรก็ตาม เราควรจะหาเลือกซื้อธีมที่ดี บวกกับทำตามนี้ รับรองคะแนน 98/100 หรือ99/100 แน่นอน แต่ถึงอย่างไรก็ตาม หากติดโฆษณาลงไป คะแนนก็ลดลงเหมือนเดิม และเวลาติดตั้งปลั๊กอิน ให้ทดลองดูก่อน เพราะบางทีปลั๊กอินบางตัวจะขัดกันเอง ตรงนี้ต้องค่อยปรับ เวลาทำควรจดไว้ว่าปรับอะไรไป ได้คะแนนเท่าไร เช่น autoptimized ติ๊กอะไร(check/uncheck) แล้วจดไว้หรือจำเอา เพื่อเปรียบเทียบผลที่ได้ ส่วนตัวผมเองคิดว่า เรื่องความเร็วในการโหลดหน้าเว็บ มีผลพอสมควรกับ page rank เพราะผมทดลองมา เนื่องจากเรื่อง SEO ไม่ค่อยถนัด เลยเน้นด้านเรื่องความเร็ว
เขียนให้อ่านฟรีแล้ว ฝากกดไลค์ กดแชร์ ด้วยนะครับ
หากว่าคุณใช้ platform blogger อยากทำให้โหลดเร็ว คลิ๊กอ่านเลย
อัพเดท
ตอนนี้ google page speed insight อาจจะไม่แสดงคะแนน สำหรับเว็บที่ไม่มีทราฟฟิคมากพอ แต่เราก็มีวิธีทดสอบ โดยการdownload lighthouse ในการทดสอบแทน หรือถ้าใช้ chrome ก็ให้เปิดเว็บ แล้วกด F12 จะมีหน้าต่างแทรกออกมา แล้วก็กด audit ครับ ผมได้ทำการทดสอบดู โดยตอนแรกคะแนนแย่มาก ก็เลยเอา facebook fanpage และ โฆษณาของ google adsense ออก ปรากฏว่า คะแนนออกมาดีมา สองอันนี้แหละทำให้ช้า แต่ก็ทำไงได้ก็ต้องเอาโฆษณามาติดคืนเหมือนเดิม ก็ต้องแลกกันครับ

คะแนนใน lighthouseเป็นแบบนี้หลังจากที่เอาโฆษณากับ facebook fanpage ออก
ฝากกดไลค์กดแชร์ด้วยนะครับ