Search…

X3 Photo Gallery Support Forums

Search…
 
ArtyFilin
Topic Author
Posts: 20
Joined: 03 Feb 2011, 09:59

Optimize the loading speed

16 Mar 2016, 15:15

Hi, everybody.
App Google PageSpeed Insights recommends that you do not necessarily fix (see Annex pic):
«
remove from the top of the page JavaScript and CSS that block the display. All content on the top of the page appears only after you download the following resources. Try to delay the loading of these resources, load them asynchronously, or embed their most important components directly into HTML-code.
To Optimize CSS for the following resources:
http://x3-cdn.flamepix.com/css/0.15.1/x ... mellow.css
https://fonts.googleapis.com/...0,300it ... ed:300,400
»

Here (https://developers.google.com/speed/doc ... ery#header) they recommend:
"If the external CSS resources are small, they can be inserted directly into the HTML document. Such embedding allows the browser to continue loading the page. Note: if CSS file too large, after embedding can PageSpeed Insights to warn that the top of the page are too large (rule of the priority of the visible content). If the CSS file is too big, you need to find the CSS code responsible for the content at the top of the page and embed it in HTML, deferring the loading of other styles."

Is it possible to avoid transition to external resources and how best to speed up page loading?
Attachments
Снимок экрана 2016-03-16 в 22.02.46 copy.jpg
Снимок экрана 2016-03-16 в 22.02.46 copy.jpg (132.05 KiB) Viewed 3416 times
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Optimize the loading speed

16 Mar 2016, 23:39

I'm sorry, but this is already covered in detail in another post. Just because Google has a performance-checker, doesn't mean it checks everything correctly. First of all, X3 is an "application" more than other websites, and it needs to load the CSS before the pages shows, to render the layout correctly. Also, the result is lower because on your start-page you have horizontal images loaded into a vertical area. So what? This is part of how the cropping in a "covered" slideshow has to work. Google is just "guessing" things for a traditional website. See other results in the tests.

All this and more is already answered here:
https://forum.photo.gallery/viewtopic.php?f=51&t=8512

Scroll to "Google Pagespeed" if you want to read specifically about that ...

Are you able to find another website app that has better performance output than X3?
ArtyFilin wrote:Is it possible to avoid transition to external resources and how best to speed up page loading?
Not sure what you mean "transition to external resources". The CSS in X3 is served minified, and compressed from a high-speed CDN service.

If your website is slow, it is the SERVER, not X3 performance.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Optimize the loading speed

16 Mar 2016, 23:51

Your website is very fast:
http://tools.pingdom.com/fpt/#!/lOF9W/h ... -photo.ru/
Image

Also, your server seems to be fast (at least after pages are cached in X3)
Image

You have a performance of 95/100, and your website is faster than 88% of all tested websites.

The only reasons you get 95/100 instead of 100/100:
Image
1. We load "photoswipe" resource "on-demand" after the main page has loaded, if the visitor moves mouse. Really, we should get better core for this, but the pagespeed doesn't understand this logic.
2. The other things that are penalized are Google fonts, Analytics and Metrika. See? Even the biggest companies don't integrate according to their own tests.

What happens when you add "google.com" to google pagespeed?
Image
Woops, even such a small and simple page scores low.

....
Image

Conclusion: You can't read logical reason from what pagespeed says about everything.
 
ArtyFilin
Topic Author
Posts: 20
Joined: 03 Feb 2011, 09:59

Re: Optimize the loading speed

17 Mar 2016, 09:02

Thank you very much for the detailed response. Now I am calm.