Konwertujemy obrazki na format webp, czyli przyspieszania strony ciąg dalszy

W poprzednim wpisie dodałam poradnik o ładowaniu obrazków metodą lazy load, dzięki której strony zostaną przyspieszone i uzyskają lepszy wynik w google page speed test. Dziś kolejna część o konwertowaniu grafik do formatu webp oraz umieszczaniu ich na stronę html. Na blogu był już o tym poradnik, ale ten sposób jest aktualniejszy, prostszy i szybszy do wykonania.

(więcej…)

0 Komentarzy

Lazy load na stronie html, czyli opóźnione ładowanie obrazków

Zabrałam się do optymalizacji i przyspieszania strony, która w google page speed test nie do końca miała zadowalające wyniki. W wersji mobilnej wynik około 70/100, a na komputerze 90 kilka na 100. Po optymalizacji udało mi się uzyskać najwyższą notę na komputerze - 100/100 punktów, a w wersji mobilnej około 90. Jedną z wielu rzeczy do poprawy były obrazki na stronie. Były za ciężkie, za wolno się wgrywały i speed test…

0 Komentarzy

Wyświetlaj obrazy w formatach nowej generacji, poradnik jak wycisnąć więcej punktów w PageSpeed Insights

Zapewne sprawdzaliście prędkość działania strony w narzędziu Google PageSpeed Insights. Wielu webmasterów próbuje wycisnąć najlepszy wynik i dobić do setki. Nie jest to łatwe zadanie, bo należy poprawić sporo elementów w kodzie oraz zoptymalizować grafikę. Narzędzie Google PageSpeed Insights Jakiś czas temu postanowiłam osiągnąć wynik 100/100 w swoim portfolio. Trochę nad tym siedziałam, ale udało się. Jest to dla mnie czysta satysfakcja widząc ten wynik, gdyż wiem, że dzięki nim strona…

1 Komentarz

Kompresja zdjęć i grafik na stronie

Dziś napiszę o kilku sposobach i narzędziach do kompresji i optymalizacji zdjęć na stronach internetowych. Dzięki takim zabiegom strona będzie się uruchamiała nawet ponad połowę szybciej. Zapisywanie zdjęć w programach graficznych W programie Photoshop, zdjęcie zapisujmy za pomocą menu plik - zapisz dla internetu i urządzeń. Wybieramy forma jpg i suwakiem zmieniamy jakość. Poniżej 50 już będzie widoczny spadek jakości. Musimy tak ustawić, by strata nie była zbyt widoczna dla oka.…

2 komentarze