Problemer med javascript og CSS indhold

Tags:    hastighedsoptimering

Hej udviklere
Jeg havde lige læst en artikel omkring optimering af hastigheden på hjemmesider, og jeg har prøvet at måle hastigheden på min side: finansverden.dk.
Jeg har brugt googles page speed værktøj, som siger jeg skal fjerne ” gengivelsesblokerende JavaScript og CSS fra indholdet over skillelinjen”
Jeg forstår ikke helt, hvad jeg skal gøre for at løse problemet og ville derfor høre om der er nogen af jer der kan hjælpe?
Siden er lavet i WordPress og bruger temaet ”theme48923”

Hvad skal jeg gøre for at løse problemet?




1 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
js
ref https://developers.google.com/speed/docs/insights/BlockingJS
<script async src="my.js">

så tilføj async til din script tag, kræver html 5 (nyt tag)


css
ref https://stackoverflow.com/questions/32759272/how-to-load-css-asynchronously
<link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="css.css"></noscript>


andre link

https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
https://css-tricks.com/thinking-async/
http://keithclark.co.uk/articles/loading-css-without-blocking-render/
https://codepen.io/tigt/post/async-css-without-javascript


indlæsning af externe filer er pr definetion blokerende, dvs man venter på de er færdig indlæst, men jeg ville nok ikke gøre det, ud over til test

du kunne også prøve at ligge dine js filer ned i bunden af siden, hvilke også skulle give en bedre performence.


Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk

t