Jump to content
pawelemtica

Seo czyli search engine optimization

Recommended Posts

Witam,

W miarę możliwości i obserwowania rozwoju platformy będę się starał dodawać sugestie, które warto rozważyć i w dalszej kolejności wdrożyć tak, aby platforma stawała się jeszcze lepiej zoptymalizowana od strony technicznej.

Critical Path

W różnych audytorach czy narzędziach do testowania i sprawdzania optymalizacji technicznej np. page speed czy gtmetrix można zauważyć pewien błąd mały i zarazem duży błąd polegający na blokowaniu renderowania strony, a co za tym idzie również opóźnianie renderowania.  Roboty sieciowe co prawda mają możliwość obsługi http/2 (który wykorzystuje platforma shoper), gdzie otwiera się jeden potok/protokół, który hurtowo pobiera zasoby za jednym zamachem w odróżnieniu do http/1, który dla każdego zasobu otwiera protokół, ale roboty w dalszym ciągu audytują strony w http/1 i błąd polegający na blokowaniu zasobów w negatywny sposób wpływa na ocenę optymalizacji technicznej, która w dalszej kolejności ma także swoje przełożenie na pozycję w wynikach.

Dlatego jeśli to jest możliwe zalecał bym rozważenie rozbudowy sekcji odpowiedzialnej za optymalizację (która już jest zaimplementowana tj. m.in minifikacja css/html/js oraz łączenie ich w jeden plik) o dodanie nowej funkcji, którą by było generowanie CRITICAL PATH

 

Tutaj są wytyczne google

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/?hl=pl

 

W dużym skrócie polega to na tym, że z plików css eksportuje się wszystkie klasy, które są potrzebne do wyrenderowania strony, która jest widoczna w przeglądarce bez przewijania w dół. Taki kod css umieszcza się w sekcji head w klamrach STYLE, reszta zasobów standardowo linkujemy w sekcji head link rel="stylesheet" ASYNCHRONICZNIE i dzięki temu zabiegowi przeglądarka we wstępnym renderowaniu nie potrzebuje odwoływać się do kolejnych zasobów CSS i nie musi otwierać następnych potoków http/1.

Do tego celu można wykorzystać po stronie serwera gotowe rozwiązania jakie oferuje NPM (google: npm critical path), który generuje sekcję style head oraz podaje gotową ścieżkę do css wraz z kodem javasript, który asynchronicznie opóźnia załadowanie css, to samo się tyczy plików Js - ładowanie asynchroniczne.

 

Pozdrawiam.

Edited by pawelemtica

Share this post


Link to post
Share on other sites

W chwili obecnej nie posiadam wykupionej usługi, w zeszłym roku miałem wykupioną, ale wystartowałem za wcześnie, ponieważ miałem równolegle kilka innych projektów, których nie mogłem zarzucić, natomiast na pewno do tematu wrócę w okolicach czerwca-sierpnia, a obecnie z jednym klientów rozmawiam na temat przejścia na platformę shoper, więc zapewne na dniach przybędzie Państwu nowy klient ;)

Edited by pawelemtica

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.