Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> HTML5, jak poprawnie ładować asynchronicznie style?, Google Insights
KsaR
post
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ą).
(IMG:style_emoticons/default/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
Post #2





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

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


A jeśli przeniesiesz css normalnie z powrotem do head to problem znika?
Go to the top of the page
+Quote Post
KsaR
post
Post #3





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

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


Cytat(Comandeer @ 26.07.2015, 00:06:54 ) *
A jeśli przeniesiesz css normalnie z powrotem do head to problem znika?

Yyyy.. Zniklo, ale znow sie pojawil ten komunikat przy ktorym post zaczalem:

Cytat
85 / 100Szybkość działania strony

Należy poprawić:
Wyeliminuj blokujący renderowanie kod JavaScript i CSS z części strony widocznej na ekranie
Strona zawiera blokujące zasoby CSS (1). Powoduje to opóźnienia w renderowaniu strony.
Część strony widoczna na ekranie nie mogła się wyrenderować bez konieczności czekania na wymienione zasoby. Spróbuj opóźnić ładowanie zasobów blokujących, ładować je asynchronicznie lub wbudować najważniejsze elementy tych zasobów bezpośrednio w HTML-a.
Zoptymalizuj wyświetlanie CSS następujących URL-i:
http://ciach_ip/~ksar/css/style.min.css?v=0


I na kompy jeszcze zmienilo teraz

Cytat
95 / 100Sugestie ? podsumowanie

Warto poprawić:
Wyeliminuj blokujący renderowanie kod JavaScript i CSS z części strony widocznej na ekranie
@z trescia jak wyzej.

Ten post edytował Ksar 25.07.2015, 23:16:11
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 16.10.2025 - 23:57