การปรับปรุงความเร็วเพจของคุณมักต้องได้รับการสนับสนุนจากเครื่องมือต่างๆ เครื่องมือเหล่านี้บางส่วนใช้เพื่อวัดความเร็วของหน้า ในขณะที่เครื่องมืออื่นๆ ใช้เพื่อลดขนาดของเนื้อหาของหน้า ในบทความนี้ เราได้สร้างไลบรารีเพื่อใช้เป็นข้อมูลอ้างอิงที่สะดวก
หากเราจำเป็นต้องแสดงรายการส่วนต่างๆ ที่ครอบคลุมโดยเครื่องมือในบทความนี้:
- เครื่องมือในการกำหนดความเร็วของหน้า
- เครื่องมือในการลดขนาดภาพ
- เครื่องมือเพิ่มประสิทธิภาพ CSS, JavaScript, HTML
เครื่องมือในการกำหนดความเร็วของหน้า
- ข้อมูลเชิงลึกของ Google Pagespeed: เครื่องมือวัดความเร็วหน้าที่รู้จักกันดีที่สุด โดยจะให้คะแนนไซต์ต่างๆ โดยใช้โครงสร้างพื้นฐานของ Lighthouse และให้ข้อมูลในช่วง 28 วันที่ผ่านมา
- WebPagetest: แพลตฟอร์มที่ทำการทดสอบสามแบบที่แตกต่างกันบนโครงสร้างพื้นฐานเพื่อให้ได้ผลลัพธ์โดยเฉลี่ยและเสนอรายงานทางเทคนิคเพิ่มเติมด้วย API
- Treo.sh: แพลตฟอร์มเดียวที่นำเสนอข้อมูลภาพในช่วง 12 เดือนที่ผ่านมาตามโครงสร้างพื้นฐาน Pagespeed และ CrUX
- GTmetrix: เครื่องมือที่ให้ข้อมูลเชิงลึกเกี่ยวกับความเร็วไซต์โดยใช้โครงสร้างพื้นฐานของ Lighthouse และให้คะแนนของตัวเอง
- แดร์บูสท์: เครื่องมือที่ให้ข้อมูลความเร็วไซต์บนโครงสร้างพื้นฐาน
- แอพ Calibri: เครื่องมือที่ช่วยให้คุณเปรียบเทียบหน้าเว็บหลายหน้ากับคู่แข่งโดยใช้โครงสร้างพื้นฐานของ Lighthouse
- สปีดเคิร์ฟ: เครื่องมือแบบชำระเงินที่คุณสามารถค้นหา RUM และข้อมูลความเร็วไซต์สังเคราะห์
- เยลโลว์แล็บ: เครื่องมือที่มีประโยชน์ที่ให้ตัวชี้วัดที่ปรับปรุงได้ไม่ซ้ำใครบนโครงสร้างพื้นฐาน
- ชุดความเร็ว: หนึ่งในเครื่องมือหายากที่ไม่เพียงแต่วินิจฉัยแต่ยังช่วยแก้ปัญหาไซต์ด้วย ใช้งานได้ในรูปแบบปลั๊กอิน WordPress และสำหรับไซต์ปกติ
- Perfmatters.io: ปลั๊กอินประสิทธิภาพน้ำหนักเบาสำหรับ WordPress
เครื่องมือในการลดขนาดภาพ
- Imagify.io: เครื่องมือสำหรับการลดขนาดภาพด้วย API และปลั๊กอิน WordPress
- Squoosh.app: เครื่องมือที่ง่ายและรวดเร็วสำหรับการแปลงรูปภาพเป็นรูปแบบเช่น MozJPEG, OptiPNG และ WebP
- TinyJPG: เครื่องมือง่ายๆ ในการลดขนาด JPG
- TinyPNG: เวอร์ชัน PNG ของเครื่องมือก่อนหน้า
- Compressor.io: แพลตฟอร์มที่บีบอัดรูปแบบ JPEG, PNG, GIF และ SVG และโดดเด่นด้วยภาพเปรียบเทียบ
- คราเคน: หนึ่งในเครื่องมือที่เก่าแก่และแข็งแกร่งที่สุดพร้อมการรองรับ API ซึ่งนำเสนอรูปแบบ JPEG, PNG, GIF, Animated GIF และ SVG พร้อมด้วยปลั๊กอิน WordPress และ Magento
- Optimizilla: โปรแกรมบีบอัดไฟล์ JPEG และ PNG ที่เรียบง่ายและมีประโยชน์อย่างมาก
- ImageOptim: เครื่องมือออนไลน์ที่มีประโยชน์อย่างยิ่งสำหรับการบีบอัดภาพเป็นชุดบนคอมพิวเตอร์ Mac
- บดขยี้ภาพ: เครื่องมือที่นำเสนอการเพิ่มประสิทธิภาพโดยไม่สูญเสียคุณภาพสำหรับรูปภาพด้วยปลั๊กอิน Shopify และ WordPress ซึ่งมีให้ใช้งานได้ผ่าน API เช่นกัน
- minifier: เครื่องมือที่เป็นมิตรกับ SEO สำหรับ Shopify ที่สร้างแท็ก Alt สำหรับรูปภาพ
- GIMP บันทึกสำหรับเว็บ: แอปพลิเคชันสำหรับ Windows ที่ช่วยให้สามารถบีบอัดรูปภาพเป็นชุดได้
- เครื่องมือวิเคราะห์รูปภาพเว็บไซต์: เครื่องมือที่บอกคุณว่ารูปแบบภาพใดที่ได้รับการปรับปรุงให้เหมาะสมที่สุดโดยพิจารณาจาก URL อินพุต
CSS, JavaScript, เครื่องมือเพิ่มประสิทธิภาพ HTML
- รีเฟรช-SF: เครื่องมือที่บีบอัด CSS, JS และ HTML ทั้งหมดในไซต์เดียว
- ทำความสะอาด: เครื่องมือที่ใช้กันอย่างแพร่หลายสำหรับการบีบอัด CSS
- สไตล์เรียบร้อย: เครื่องมือที่บีบอัดรูปแบบ CSS, JS และ HTML บนแพลตฟอร์มเดียว
- เครื่องมือเพิ่มประสิทธิภาพ CSS: แพลตฟอร์มที่ให้การเพิ่มประสิทธิภาพ CSS
- ทาบิฟายเออร์: แพลตฟอร์มที่บีบอัดโครงสร้างโค้ด HTML, CSS และ JSON
- minifier: แพลตฟอร์มที่บีบอัดโครงสร้าง CSS และ JS
- CSS ที่สำคัญ: ซอร์สโค้ด GitHub ที่พัฒนาโดย Addy Osmani เพื่อแยก CSS ที่สำคัญออกจากเพจ
- PurifyCSS: เครื่องมือที่มีประโยชน์มากที่จะแยก CSS ที่ไม่ได้ใช้ออกจากหน้า
เครื่องมือเหล่านี้สามารถเพิ่มประสิทธิภาพของคุณได้อย่างมาก ประสิทธิภาพของเว็บไซต์ โดยการเพิ่มประสิทธิภาพด้านต่างๆ ตั้งแต่การวัดความเร็วหน้าไปจนถึงการลดขนาดสินทรัพย์และการเพิ่มประสิทธิภาพโค้ด
