Do niedawna moja witryna (www.heatexchangers.ca) osiągnęła 98% w Google Page Speed. Było kilka rzeczy, z którymi nie mogłem nic zrobić, na przykład ciąg zapytania z czcionek internetowych. Byłem z tego bardzo zadowolony, ponieważ reprezentowało to wszystko, co mogłem zrobić.
Niedawno Google dodało coś innego, co wpływa na wynik szybkości strony, a teraz uzyskuję tylko 89% na szybkości strony i otrzymuję tę sugestię:
- Wyeliminuj zewnętrzne kody JavaScript i CSS blokujące renderowanie w części strony widocznej na ekranie.
Sugestia, aby to naprawić, wydaje się obejmować przeglądanie wszystkich moich plików .css i .js oraz oddzielanie niektórych ich części i dodawanie ich w tekście do mojego kodu HTML. To powoduje pewne zamieszanie, ponieważ miałem wrażenie, że musimy trzymać jak najwięcej JS i CSS z HTML-a, jak to tylko możliwe.
Czym dokładnie jest treść „w części strony widocznej na ekranie”? Jeśli jest to kilka stylów, takich jak czcionka, kolor tła itp; wtedy widzę, że włączenie inline może nie być zbyt wielkim problemem. Nie udało mi się znaleźć listy dokładnie tego, co to jest.