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

Jak zoptymalizować stronę internetową?

Dziś samo posiadanie strony internetowej to za mało. Ważne jest, aby potencjalni klienci mogą stronę znaleźć w sieci i ją odwiedzić. Dlatego tak ważne są jak najwyższe pozycje w wynikach wyszukiwania. Aby było to możliwe strona musi być zoptymalizowana pod kątem wyszukiwarki. Warto zatem wiedzieć czym jest optymalizacja i jak ją przeprowadzić. Optymalizacja treści Na optymalizację strony składa się wiele elementów. Jednym z nich jest optymalizacja treści na stronie. Dziś treść…

0 Komentarzy

Przesadne użycie słów kluczowych na stronie

Należy wiedzieć, że słowa kluczowe w tekście strony są niezmiernie istotne. Warto cofnąć się troszeczkę w przeszłość, bowiem pamiętajmy, że czasy, w których pozycje w wynikach wyszukiwania były uzależnione od liczby słów kluczowych, już dawno bezpowrotnie minęły. Znów współcześnie nie ma sensu tworzyć ukrytych warstw tekstu zawierających kilka akapitów złożonych z powtórzeń słowa kluczowego. Szczególnie zwróćmy uwagę na to, abyśmy nie przesadzali z umieszczaniem słów kluczowych w opisach obrazków w atrybutach…

2 komentarze

Masowa kompresja zdjęć w WordPress jednym kliknięciem

Używałam kilka wtyczek do cmsa WordPress, które zoptymalizują i skompresują mi wszelkie obrazki na stronie. Lecz nie były one wystarczające, zaledwie leciutko kompresowały i nie było można odczuć efektów, jakim jest przyspieszona strona www. Kompresja i optymalizacja zdjęć Jednym z popularnych wtyczek do optymalizacji grafik są: Smush, EWWW Image Optimizer, ale największą różnicę w kompresji zauważyłam, gdy użyłam wtyczki ShortPixel. ShortPixel Image Optimizer to narzędzie, które zoptymalizuje i skompresuje grafiki na…

0 Komentarzy

Audyt SEO – co to jest, rodzaje i cele

Wyszukiwarka Google wymaga, aby strony były przyjazne nie tylko dla użytkowników, ale też i robotów. Z tego powodu ważne jest dostosowywanie strony do algorytmów tej wyszukiwarki oraz przystosowanie jej do obowiązujących trendów użyteczności. W tym celu opracowuje się audyty seo, które zawierają uwagi, wytyczne i porady dotyczące analizowanych stron, sklepów internetowych czy blogów, a wykorzystanie tych danych przez specjalistów pozwoli na lepsze ich wypozycjonowanie. Audyt seo – cele: Audyt seo to…

0 Komentarzy

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

Przydatna baza narzędzi do tworzenia stron

Przez lata zbierałam najlepsze zakładki, linki do stron z narzędziami przydatnymi przy tworzeniu stron. Chcę się z Wami podzielić tym zasobem ciekawych adresów. Optymalizacja strony, page speed test, SEO https://wordpress.inspector.ioSprawdzanie strony pod kątem optymalizacji. Procentowo pokazuje nam czy strona jest dobrze zoptymalizowana, ile zajmuje, jaki jest czas ładowania strony, czy jest dobrze wyświetlana na telefonach, czy SEO jest wystarczające oraz czy bezpieczeństwo strony jest zapewnione. Statystyki google: https://analytics.google.com/analytics Narzędzie google: https://www.google.com/webmasters/tools…

1 Komentarz

Jak przyspieszyć stronę WordPress

Dziś zajmę się tematem optymalizacji oraz przyspieszenia strony WordPress. Dzięki takim zabiegom strona uzyska lepsze wyniki w speed page testach oraz nareszcie zacznie śmigać. Wybór szybkiego serwera Dobry, szybki serwer to podstawa, by strona chodziła jak trzeba. Co z tego jeśli ją pięknie zoptymalizujemy, ale wolny serwer będzie nam ją blokował. Dlatego przy wyborze serwera czytajcie opinie, sprawdzajcie czy ma limity i jak tak, to jakie. Hostingi dają próbny okres testowy,…

0 Komentarzy