• wsw
  • Member
  • Offline
  • Registered: 2013-10-15
  • Posts: 10

Topic: Google PageSpeed Tools

I've just analyzed with Google PageSpeed a gallery posted on my website:
http://egosfera.net/glimpses/2014-04-05@Le_Rouge/

Score is 67/100.

A single serious issue occurs:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking script resources and 1 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://egosfera.net/commons/juicebox/jbcore/juicebox.js

Optimize CSS Delivery of the following:

    http://egosfera.net/…mmons/juicebox/the … /theme.css

Is this a real trouble for gallery loading on mobile devices ?
It would be nice if juicebox gallery would score highly on google pagespeed.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Google PageSpeed Tools

Is this a real trouble for gallery loading on mobile devices ?

If you want to have a Juicebox gallery on your web page, then there is no option but to include the 'juicebox.js' file (which internally loads the 'theme.css' file). These files are too large to be included inline within a web page and this is not possible anyway as the structure of the 'jbcore' folder must be kept intact for Juicebox to know where its own resource files are located.
Loading the 'juicebox.js' file asynchronously may not work (the 'juicebox.js' file will have to have been fully loaded by the time the browser parses the embedding code <script> block) but if you would like to try it, please take a look at the suggestions in this forum thread.
(Incidentally, entering 'google.com' into Google's own own PageSpeed Insights results in a Mobile Speed result of 64/100.)