Wolne wczytywanie przegladarka firefox

Witajcie!

Mam problem z moja stroną http://www.hmglures.pl mianowicie na firefox wczytuje się bardzo długo, robiłem testy na Pingdom wyniki niżej:



Niby wyniki nie najgorsze ale muli okropnie. Na innych przeglądarkach problemu brak.

Zastanawiałem sie nad instalacja wtyczki WP Rocket, myślicie ze to pomoże ? Ewentualnie podpowiedzcie gdzie moze leżać problem.

Co ciekawe subdomena http://www.ninjafishingshop.hmglures.pl działa proawidłowo mimo że wyniki na Pingdom ma gorsze (czas wczytywania). Wczytuje sie wolno ale po 3-5 sek jest wczytana.

Ręce mi już opadają, zmniejszyłem rozmiar grafik (ponad 55%) a jak na foxie muliło tak muli. Nie jestem specem i proszę o podpowiedz doświadczonych użytkowników co może być do poprawki.

Pozdrawiam
Paweł

Hej,

Rozwiązanie jest proste:

1/ zmniejsz grafiki, niektóre na stronie głównej mają po 700kb
2/ nie stosuj formatu png jak nie jest to potrzebne, pomyśl o webp
3/ przyda się lazy load dla obrazków
4/ wczytywanie js i css nie powinno wyglądać w ten sposób - pomyśl nad plikami które powinny wczytywać się w pierwszej kolejności, a które w ogóle nie powinny się wczytywać, spróbuj zredukować ilość js i css oraz liczbę zapytań
5/ korzystając z fontawesome pomyśl o funkcji ładowania preload

Wtedy strona będzie chodzić tak jak powinna. Ciężko powiedzieć czy WP Rocket coś da. Nie każdą optymalizację da się zrobić za pomocą wtyczki, przeważnie trzeba pogrzebać trochę ręcznie.
Obecnie czas ładowania strony na urządzeniach mobilnych to ponad 5 sekund, więc popracuj nad tym, bo prawie nikt nie czeka tyle w dzisiejszych czasach na otworzenie strony.

Dziękuję za cenne rady.

Nie jestem w stanie dodać grafik w formacie .webp dostaję komunikat z worldpressa ze zostały zablokowane jako niebezpieczny format.

Zainstalowałem wtyczkę webp exspress jednak po przekonwertowaniu obrazy przestały się wyświetlać na stronie, bez względu na przeglądarkę.

Zezwól na format .webp

dodaj do functions.php w twoim motywie

//** *Enable upload for webp image files.*/
function webp_upload_mimes($existing_mimes) {
$existing_mimes['webp'] = 'image/webp';
return $existing_mimes;
}
add_filter('mime_types', 'webp_upload_mimes');
//** * Enable preview / thumbnail for webp image files.*/
function webp_is_displayable($result, $path) {
if ($result === false) {
$displayable_image_types = array( IMAGETYPE_WEBP );
$info = @getimagesize( $path );

if (empty($info)) {
$result = false;
} elseif (!in_array($info[2], $displayable_image_types)) {
$result = false;
} else {
$result = true;
}
}

return $result;
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

Dziękuję, częściowo ogarnąłem, prace dalej trwają.

Obawiam się że js i css są poza moim zasięgiem, brakuje mi wiedzy jak to przebrnąć.

Przy JS i CSS trzeba mieć trochę wiedzy, bo inaczej można popsuć stronę.
Jak sobie nie poradzisz, to napisz do mnie na kontakt@laskowskikamil.pl - zobaczę co da się zrobić ;- )