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:
[HTML] pobierz, plaintext 
  1. <style scoped>@import url(//some_ip/~ksar/css/style.min.css?v=0)</style>
[HTML] pobierz, plaintext

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
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 807
Pomógł: 1828
Dołączył: 11.03.2014

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

Drugi komunikat dotyczy umiejscowienia głównego kontentu na stronie. Np. gdy jest banner html lub co "gorsza" flash na górze strony, wtedy treść spada niżej.
Niestety nie zawsze da się wszystko poprawić.
Swoją drogą jaki wynik dla desktop osiągnąłeś?
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(trueblue @ 25.07.2015, 08:52:50 ) *
Swoją drogą jaki wynik dla desktop osiągnąłeś?

76/100 tel
100/100 kompy.

Coś się pozmieniało bo pojawił się błąd którego nie było, tzn wielkość elementów dotykowych.
Chyba to coś źle diagnozuje..

Co do tego co się przyczepiają:

[HTML] pobierz, plaintext 
  1. </head>
  2. <body>
  3. <header>
  4. <div id="connected"></div>
  5. <nav id="menu">
  6. <ul>
  7.  <li><a href="/">Strona główna</a></li> <!-- ten link -->
  8.  <li><a href="/addquotes/">Dodaj cytaty</a></li>
  9. </ul>
  10. </nav>
  11. </header>
[HTML] pobierz, plaintext


Ktoś, coś? (IMG:style_emoticons/default/biggrin.gif) błąd zniknął co do blokowania renderowania, i się pojawił blad rozmiaru elementow hm..

Koncowka footeru(wygenerowana dynamicznie) tak wyglada po dodaniu tam i skasowaniu stoped:
[HTML] pobierz, plaintext 
  1. </footer><style>@import url(//ip/~ksar/css/style.min.css?v=0)</style></body></html>
[HTML] pobierz, plaintext


--
Treść jest mała tej strony bo dopiero robie, i póki co ten rozmiar to chyba ostatni element do 100% bo nic innego nie pokazuje.

Hmmm, btw.
Cos zmienialem jeszcze w head, wrazie czego sie podziele zdobyta wiedza gdzie byla przyczyna. - jednak zmiany w head nic nie zmienily hmm.

Kliknalem szczegoly, google pokazalo jak widzi strone, i widzi html ale bez styli :-O.

Cos takiego doslownie:

Cytat
  • Strona główna
  • Dodaj cytat

Tresc


Ten post edytował Ksar 25.07.2015, 12:41:36
Go to the top of the page
+Quote Post

Posty w temacie
- Ksar   HTML5, jak poprawnie ładować asynchronicznie style?   25.07.2015, 03:39:23
- - trueblue   Wrzuć przed zamknięciem body, JS ładuj asynchronic...   25.07.2015, 07:37:26
|- - Ksar   Cytat(trueblue @ 25.07.2015, 08:37:26...   25.07.2015, 07:44:40
- - trueblue   Drugi komunikat dotyczy umiejscowienia głównego ko...   25.07.2015, 07:52:50
|- - Ksar   Cytat(trueblue @ 25.07.2015, 08:52:50...   25.07.2015, 12:08:38
- - Comandeer   Odnośnie CSS najlepsze efekty osiągnie się inlinuj...   25.07.2015, 08:47:03
- - trueblue   A czy Google ma dostęp do tych styli? Pokazałeś śc...   25.07.2015, 15:01:29
|- - Ksar   Cytat(trueblue @ 25.07.2015, 16:01:29...   25.07.2015, 16:00:42
- - Comandeer   A czy Google wgl rozumie @import w style? Pewnie b...   25.07.2015, 15:37:43
- - trueblue   Nie miałem na myśli zmiany IP na domenę, ale wprow...   25.07.2015, 16:12:42
|- - Ksar   Cytat(trueblue @ 25.07.2015, 17:12:42...   25.07.2015, 16:22:10
- - Comandeer   A jeśli przeniesiesz css normalnie z powrotem do h...   25.07.2015, 23:06:54
|- - Ksar   Cytat(Comandeer @ 26.07.2015, 00:06:5...   25.07.2015, 23:14:28
- - Comandeer   Czyli tak jak mówiłem: strona jest na tyle mała, ż...   26.07.2015, 08:35:32

« Następny starszy · HTML \ XHTML · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.10.2025 - 23:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn