Jak przyspieszyć stronę?

J

Poniższa check-lista pomoże Ci przyspieszyć Twoją stronę w znaczący sposób. Dodatkowo możesz zastosować wskazówki z cyklu Prędkość Światła.

  • 🔧 Nie wdrażaj kodu dev na produkcję.
  • 📇 Obsługuj nowoczesne przeglądarki ES2015(babel-preset-env)
  • 📱 Używaj wzorca PRPL.
  • 📔 Używaj sharding library.
  • 🛣 Rozdzielaj kod względem routingu(staraj się nie korzystać z jednego wielkiego pliku js z logiką)
  • 😴 Stosuj lazy loading na mniej krytycznych zasobach.
  • ✂️ Wysyłaj mniej kodu js(dziel go na mniejsze części)
  • 🗜 Kompresuj dane przed wysłaniem(gzip, brotli).
  • 📦 Korzystaj z cache(HTTP, Service Workery).
  • ⚡️ Minifikuj i optymalizuj.
  • 🗼 Używaj DNS prefetch dla ważnych zasobów.
  • 📡 Zmniejszaj ilość zapytań HTTP
  • 📰 Opracuj strategię dla ładowania fontów(pierw te, które są widoczne w pierwszej kolejności).
  • ❗️ Stosuj preload dla krytycznych elementów.

Tutaj przeczytasz o tym, jak mierzyć wydajność stron internetowych.