Az oldalsebesség javítása gyakran különféle eszközök támogatását igényli. Ezen eszközök némelyike az oldalsebesség mérésére szolgál, míg mások az oldalelemek méretének csökkentésére szolgálnak. Ebben a cikkben egy könyvtárat hoztunk létre, amely hasznos referenciaként szolgálhat.
Ha fel kell sorolnunk a cikkben szereplő eszközök által lefedett területeket:
- Eszközök az oldalsebesség meghatározásához
- Eszközök a képméret csökkentésére
- CSS, JavaScript, HTML optimalizáló eszközök
Eszközök az oldalsebesség meghatározásához
- Google Pagespeed Insights: A legismertebb oldalsebesség-eszköz. A Lighthouse infrastruktúra segítségével pontozza a webhelyeket, és adatokat szolgáltat az elmúlt 28 napról.
- Weboldalteszt: Olyan platform, amely három különböző tesztet hajt végre az infrastruktúráján, hogy átlagos eredményeket biztosítson, és egy API-val technikaibb jelentést kínál.
- Treo.sh: Az egyetlen platform, amely az elmúlt 12 hónap vizuális adatait jeleníti meg a Pagespeed és a CrUX infrastruktúra alapján.
- GTmetrix: Olyan eszköz, amely betekintést nyújt a webhely sebességére a Lighthouse infrastruktúra használatával, és saját pontszámot ad.
- Dareboost: Olyan eszköz, amely a webhely sebességére vonatkozó információkat szolgáltat infrastruktúrájáról.
- Calibri App: Egy eszköz, amely lehetővé teszi több oldal összehasonlítását a versenytársakkal a Lighthouse infrastruktúra használatával.
- SpeedCurve: Fizetős eszköz, ahol RUM és szintetikus webhelysebesség-adatokat találhat.
- Yellowlab: Hasznos eszköz, amely egyedi, javítható mérőszámokat biztosít infrastruktúráján.
- Speed Kit: Az egyik ritka eszköz, amely nemcsak diagnosztizálja, hanem kezeli is a webhelyekkel kapcsolatos problémákat, WordPress bővítményként és normál webhelyeken is elérhető.
- Perfmatters.io: Könnyű teljesítményű bővítmény a WordPresshez.
Eszközök a képméret csökkentésére
- Képzeld el.io: Képméret csökkentésére szolgáló eszköz API-val és WordPress bővítménnyel.
- Squoosh.app: Nagyon egyszerű és gyors eszköz a képek konvertálásához olyan formátumokba, mint a MozJPEG, OptiPNG és WebP.
- TinyJPG: Egy egyszerű eszköz a JPG méretek csökkentésére.
- TinyPNG: Az előző eszköz PNG verziója.
- Compressor.io: JPEG, PNG, GIF és SVG formátumokat tömörítő platform, amely összehasonlító látványvilágával tűnik ki.
- Kraken: Az egyik legrégebbi és legrobusztusabb eszköz API-támogatással, amely JPEG, PNG, GIF, animált GIF és SVG formátumokat, valamint WordPress és Magento bővítményeket kínál.
- Optimizilla: Egyszerű és rendkívül hasznos JPEG és PNG fájltömörítő.
- ImageOptim: Online eszköz, különösen hasznos a kötegelt képtömörítéshez Mac számítógépeken.
- Crush Képek: Olyan eszköz, amely veszteségmentesen optimalizálja a képeket Shopify és WordPress bővítményekkel, API-n keresztül is elérhető.
- Minifier: SEO-barát eszköz a Shopify számára, amely alt címkéket generál a képekhez.
- GIMP Mentés webre: Windows rendszerhez készült alkalmazás, amely lehetővé teszi a kötegelt képtömörítést.
- Weboldal képelemző eszköz: Egy eszköz, amely a bemeneti URL alapján megmondja, melyik képformátum optimalizáltabb.
CSS, JavaScript, HTML optimalizáló eszközök
- Refresh-SF: Eszköz, amely egy webhelyen tömöríti a CSS-t, a JS-t és a HTML-t.
- CleanCSS: Széles körben használt eszköz a CSS-tömörítéshez.
- Styleneat: CSS, JS és HTML formátumokat tömörítő eszköz egyetlen platformon.
- Css optimalizáló: CSS-optimalizálást biztosító platform.
- Tabifier: HTML, CSS és JSON kódstruktúrákat tömörítő platform.
- Minifier: CSS és JS struktúrákat tömörítő platform.
- Kritikus CSS: Addy Osmani által kifejlesztett GitHub-forráskód a kritikus CSS-ek kinyerésére az oldalakról.
- PurifyCSS: Nagyon hasznos eszköz, amely elválasztja a nem használt CSS-t az oldalon.
Ezek az eszközök jelentősen javíthatják a a weboldal teljesítménye különféle szempontok optimalizálásával, az oldalsebesség mérésétől az eszközméret-csökkentésig és a kódoptimalizálásig.
