Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> HTML5, jak poprawnie ładować asynchronicznie style?, Google Insights
KsaR
post 25.07.2015, 03:39:23
Post #1





Grupa: Zarejestrowani
Postów: 520
Pomógł: 102
Dołączył: 15.07.2014
Skąd: NULL

Ostrzeżenie: (0%)
-----


Używam sobie tego narzędzia google żeby poprawić stronę zgodnie z ich radami:
https://developers.google.com/speed/pagespeed/insights/

Jednak... Jest problem.
Nie mam pojęcia jak zrobić żeby zniknął mi komunikat:
Cytat
Należy poprawić:
Wyeliminuj blokujący renderowanie kod JavaScript i CSS z części strony widocznej na ekranie


Zamieniłem sobie (w <head>, i chcialbym żeby tam to zostało) <link(...)> na:
  1. <style scoped>@import url(//some_ip/~ksar/css/style.min.css?v=0)</style>

I coś co mi się podoba, strona ładuje się znacznie szybciej co widać na oko, niż z <link>.

Jednak komunikat nie zniknął a zamiast tego pojawił się jeszcze jeden:
Cytat
Warto poprawić:
Nadaj priorytet widocznej treści


WTF?..

Jak myślicie, olać te komunikaty czy może da się jakoś zrobić żeby znikły (jednocześnie zachowując szybkość ładowania lub nawet polepszając ją).
questionmark.gif

Ten post edytował Ksar 25.07.2015, 03:47:35


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Comandeer
post 25.07.2015, 08:47:03
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Odnośnie CSS najlepsze efekty osiągnie się inlinując najważniejsze części arkusza stylów, a resztę dociągnąć JS asyncem (chociaż przy małych stronach to spowodować może FOUC). Jeśli nie ma JS, to zawsze ten arkusz można doładować przy pomocy noscript > link.

Co do style[scoped] - przecież [scoped] ogranicza style do swojego rodzica (style lokalne), więc wsadzenie tego w head nie ma sensu.

Co do zaburzenia kolejności script[async] - od czegoś UMD jest tongue.gif


--------------------
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.06.2025 - 03:56