 HTML5, jak poprawnie ładować asynchronicznie style?, Google Insights |
| HTML5, jak poprawnie ładować asynchronicznie style?, Google Insights |
 
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: 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 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 807 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Wrzuć przed zamknięciem body, JS ładuj asynchronicznie (atrybut async, pamiętaj, że tu jest zaburzona kolejność) lub ładuj za pomocą JS (wstrzykując CSS i JS do head).
EDIT: Dopiero teraz zauważyłem. Dotyczy to pierwszej części. Ten post edytował trueblue 25.07.2015, 07:38:11 |
|
|
|
|
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:37:26 )  Wrzuć przed zamknięciem body, JS ładuj asynchronicznie (atrybut async, pamiętaj, że tu jest zaburzona kolejność) lub ładuj za pomocą JS (wstrzykując CSS i JS do head). EDIT: Dopiero teraz zauważyłem. Dotyczy to pierwszej części. Troche będzie z tym do roboty zeby przeniesc aż przed </body> bo bede musial zmienic strukture aplikacji (IMG:style_emoticons/default/tongue.gif) . Ale skoro to ostateczne wyjscie (bez js). Btw. Sprawdzialem teraz validator.w3.org i o dziwo blad jest gdy <style scoped> w <head>.. Z js nie mam problemow bo jest async (IMG:style_emoticons/default/tongue.gif) . |
|
|
|
Ksar HTML5, jak poprawnie ładować asynchronicznie style? 25.07.2015, 03:39:23 
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  |
|
Aktualny czas: 16.10.2025 - 01:59 |
