Optymalizacja strony z szablonu

Na podstawie dostępnego w necie szablonu powstała strona, a raczej microsite: https://uniwerek.edu.pl

Jest to strona stowarzyszenia, które będzie prowadziło mały klubik dla dzieci. Założeniem podczas budowy było maksymalne ograniczenie kosztów. W związku z tym zdjęcia pochodzą z domeny publicznej, zostały wykorzystane tylko darmowe elementy  a strona jest hostowana na githubie. Jedynym kosztem jest zakup domeny.

Złożyłem wszystko do kupy i … świetnie działa, ale … we wszelakich narzędziach badających strony wypadała bardzo źle.

Postanowiłem wykorzystać ją jako poligon doświadczalny i zoptymalizować jak najbardziej się da i podciągnąć w wyszukiwarce google jak najbardziej się da.

Nie jest łatwo. Niektórych rzeczy zoptymalizować się nie da. Strona korzysta z jquery, co nie pozwala na optymalizację krytycznej ścieżki renderowania. Najprościej było z ograniczeniem ilości danych (jeden obrazek miał 11Mb 🙂 ), ale optymalizacja wszystkich zdjęć zajęła mi mnóstwo czasu

Poniżej lista narzędzi, z których korzystam/łem:

Optymalizacja obrazów:

Podpiąłem stronę do CloudFlare tak w celach poznawczych. Dzięki temu mam CDN (na którym mi nie zależało), ale poprawiło to cache, który dla gh-pages ma czas życia ustawiony na 10 min, no i mam małą analitykę odwiedzin.

Teraz jestem na etapie optymalizacji pod kątem pozycjonowania w wyszukiwarce google:

Narzędzie do tworzenia danych strukturalnych: https://www.google.com/webmasters/markup-helper/
Narzędzie do testowania danych strukturalnych: https://search.google.com/structured-data/testing-tool?hl=pl

Post ten będzie aktualizowany na bieżąco w zależności od poprawy wyników i wykorzystywanych narzędzi 🙂

Trochę późno zabrałem za pisanie – masę optymalizacji mam za sobą, więc niewiele z oryginalnej wersji zostało.

Optymalizacja strony z szablonu

Dodaj komentarz