Hjælp til salg (Ikke internet)

Svar: PageSpeed Insights

Thomas Qvist — Fri, 07 Mar 2014 09:17:15 GMT

Som Mads er inde på, så er der rimelig lille gevinst ved den optimering.

Jeg ville i stedet anbefale dig Progressive JPG for brugeroplevelsen, kort sagt loades de i lav kvalitet først også forbedres den som siden renders mere og mere. Det er vigtigt at huske på at billedet vil fylde det samme stadigvæk dog, men gevinsten ligger i det andet :)

Svar: PageSpeed Insights

Mads — Fri, 07 Mar 2014 09:11:54 GMT

Det har den indvirkning, at browseren skal læse og parse de javascript filer før den kan vise indholdet af siden. Det skaber en mindre forsinkelse.

Det kan løses ved enten at placeres javascript i bunden af siden (lige over </body> f.eks.) eller ved at sætte async ind i script tagget så javascript filerne indlæses asynkront.

Det er dog ikke så nemt i Wordpress lige at flytte dem, men du kan nok finde noget på google (søg f.eks.: wordpress move javascript to footer). Du riskerer dog at nogle plugins går i stykker ved at flytte dem, hvis de er lavet med inline jquery kode. Der kan også opstå andre mindre problemer ved at gøre det. Du kan nok ikke indlæse dem asynkront, da du risikerer at de så bliver indlæst i forkert rækkefølge.

Når jeg kigger på din side, bliver den i min browser forsinket ca. 50-100 ms ved at indlæse dem som de er nu. Umiddelbart ville jeg ikke gide at bruge tid på at flytte dem, pga. de problemer der kan følge med og den relativt lille gevinst der ved det. Det er ganske normalt i Wordpress at de bliver indlæst i toppen af siden.

PageSpeed Insights

Mads Grønning — Thu, 06 Mar 2014 21:15:29 GMT

Hej

Håber på lidt hjælp til den her:

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Your page has 3 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.

None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.

Remove render-blocking JavaScript:

http://whiskyen.dk/…-includes/js/jquery/jquery.js?ver=1.10.2
http://whiskyen.dk/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://whiskyen.dk/…mple-sidebar-navigation/suckerfish_ie.js

Hvordan fjerner jeg ovenstående og hvilke indvirkning har det på min side?