Poprawa szybkości strony często wymaga wsparcia ze strony różnych narzędzi. Niektóre z tych narzędzi służą do pomiaru szybkości strony, inne zaś do zmniejszania rozmiaru zasobów strony. W tym artykule stworzyliśmy bibliotekę, która ma służyć jako przydatne źródło informacji.

Jeśli mamy wymienić obszary objęte narzędziami w tym artykule:

  • Narzędzia do określania szybkości strony
  • Narzędzia do zmniejszania rozmiaru obrazu
  • Narzędzia do optymalizacji CSS, JavaScript, HTML

Narzędzia do określania szybkości strony

  1. Statystyki Google Pagespeed:  Najbardziej znane narzędzie do zwiększania szybkości strony. Ocenia witryny korzystające z infrastruktury Lighthouse i dostarcza dane z ostatnich 28 dni.
  2. Test strony internetowej: Platforma, która przeprowadza trzy różne testy swojej infrastruktury, aby zapewnić średnie wyniki i oferuje bardziej techniczny raport z interfejsem API.
  3. Treo.sh: Jedyna platforma prezentująca dane wizualne z ostatnich 12 miesięcy w oparciu o infrastrukturę Pagespeed i CrUX.
  4. GTmetrix: narzędzie, które zapewnia wgląd w szybkość witryny przy użyciu infrastruktury Lighthouse i podaje własny wynik.
  5. Dareboost: narzędzie dostarczające informacji o szybkości działania witryny w jej infrastrukturze.
  6. Aplikacja Calibri: Narzędzie umożliwiające porównanie wielu stron z konkurencją korzystającą z infrastruktury Lighthouse.
  7. PrędkośćCurve: płatne narzędzie, w którym można znaleźć RUM i syntetyczne dane o szybkości witryny.
  8. Yellowlab: Przydatne narzędzie, które zapewnia unikalne, możliwe do poprawy wskaźniki dotyczące infrastruktury.
  9. Zestaw prędkości: Jedno z rzadkich narzędzi, które nie tylko diagnozuje, ale także leczy problemy z witryną, dostępne jako wtyczka WordPress i dla zwykłych witryn.
  10. Perfmatters.io: Lekka wtyczka wydajnościowa do WordPress.

Narzędzia do zmniejszania rozmiaru obrazu

  1. Wyobraź sobie.io: Narzędzie do zmniejszania rozmiarów obrazów z interfejsem API i wtyczką WordPress.
  2. Squoosh.aplikacja: Bardzo proste i szybkie narzędzie do konwersji obrazów do formatów takich jak MozJPEG, OptiPNG i WebP.
  3. TinyJPG: Proste narzędzie do zmniejszania rozmiarów JPG.
  4. TinyPNG: Wersja PNG poprzedniego narzędzia.
  5. Compressor.io: Platforma kompresująca formaty JPEG, PNG, GIF i SVG i wyróżniająca się grafiką porównawczą.
  6. Kraken: Jedno z najstarszych i najbardziej niezawodnych narzędzi z obsługą API, oferujące formaty JPEG, PNG, GIF, animowany GIF i SVG, a także wtyczki WordPress i Magento.
  7. Optimizilla: Prosty i bardzo przydatny kompresor plików JPEG i PNG.
  8. ImageOptim: narzędzie online, szczególnie przydatne do kompresji obrazów wsadowych na komputerach Mac.
  9. Zmiażdżyć zdjęcia: Narzędzie oferujące bezstratną optymalizację obrazów z wtyczkami Shopify i WordPress, dostępne również poprzez API.
  10. minifier: Przyjazne SEO narzędzie dla Shopify, które generuje tagi alt dla obrazów.
  11. GIMP Zapisz dla Internetu: Aplikacja dla systemu Windows umożliwiająca wsadową kompresję obrazu.
  12. Narzędzie do analizy obrazu witryny internetowej: narzędzie, które na podstawie wejściowego adresu URL informuje, który format obrazu jest bardziej zoptymalizowany.

Narzędzia do optymalizacji CSS, JavaScript, HTML

  1. Odśwież-SF: narzędzie, które kompresuje CSS, JS i HTML w jednej witrynie.
  2. CzystyCSS: Powszechnie używane narzędzie do kompresji CSS.
  3. Stylneat: Narzędzie kompresujące formaty CSS, JS i HTML na jednej platformie.
  4. Optymalizator CSS: Platforma zapewniająca optymalizację CSS.
  5. Tabyfikator: Platforma kompresująca struktury kodu HTML, CSS i JSON.
  6. minifier: Platforma kompresująca struktury CSS i JS.
  7. Krytyczny CSS: kod źródłowy GitHub opracowany przez Addy Osmani w celu wyodrębnienia krytycznych CSS ze stron.
  8. OczyśćCSS: Bardzo przydatne narzędzie, które oddziela nieużywane CSS na stronie.

Narzędzia te mogą znacznie ulepszyć Twoje wydajność witryny optymalizując różne aspekty, od pomiaru szybkości strony po zmniejszenie rozmiaru zasobów i optymalizację kodu.