Hi Micky, if you can share a link I can take a look. It should normally not have such a big impact…
http://mickys-blumenladen.ml
Please don’t wonder, the main website is in German, the English part isn’t finished yet.
Before installation and after deinstallation a side loaded in around 5 to 10 seconds, with the installed plugin it took more than 30 secondes… I’ve tested in Firefox (newest) and Opera (newest).
Can’t explain that. On my test site http://vks11510.ip-37-59-121.eu/ activating Easy FancyBox adds about 0.3 seconds (tested 20 times in Chrome which is the same as Opera these days) of page load time.
Could you activate Easy FancyBox on http://mickys-blumenladen.ml again so I can take a look? Maybe one of the script or stylesheet files is not accessible and the 30 secconds page load is after a timeout?
I’ve installed it again with the settings from thee first installation… It’s a bit faster than during the first, but it still takes longer to load.
Loading your site in Chrome now, dev tools Network tab (with “Disable cache” checked) reports in rounded numbers:
jquery.fancybox-1.3.7.min.css
Waiting (TTFB) 225 ms
Content download 13 ms
jquery.fancybox-1.3.7.min.js
Waiting (TTFB) 150 ms
Content download 104 ms
jquery.mousewheel.min.js
Waiting (TTFB) 162 ms
Content download 6 ms
The files that take a long time (seconds, not miliseconds) taking load time past 3 seconds are unrelated to Easy FancyBox:
cropped-twins.png
Waiting (TTFB) 130 ms
Content download 4.41 sec
Screenshot_48.png
Waiting (TTFB) 167 ms
Content download 6.65 sec
marigold-555811_1920.jpg
Waiting (TTFB) 162 ms
Content download 4.64 sec
Are you getting results that are much different?
I don’t have Google Chrome, but the Firebug-AddOn for Firefox has similar functions.
jquery.fancybox-1.3.7.min.css
Firefox: 267 ms to load
jquery.fancybox-1.3.7.min.js
Firefox: 554 ms to load
jquery.mousewheel.min.js
Firefox: 529 ms to load
cropped-twins.png
Firefox: 190 ms + 1,04 sec
Screenshot_48.png
Firefox: 186 ms + 1,03 sec
marigold-555811_1920.jpg
Firefox: 15 ms + 862 ms
The values are with cached files. If cache is deleted the FencyBox-files are very close or over 1 sec, excepting jquery.fancybox-1.3.7.min.css with only around 600 ms. The pictures load longer, but only on first download.
In Firefox Dev Tools open the settings panel (gear icon on the right) and check the box to disable buffer (cache) under the advanced settings. This way you do not have to clear the cache when testing.
Please be aware that the total ‘time to load’ is not realistic as a measure because it includes the wait time for all requests that came before it. In the Dev tools in Firefox this is the orange bar which you can see increases with each following request. This is the time that the browser has waited before sending the request to the server.
Looking closely at each request in the Network tab (they are ordered as they occured) you can see how the first request starts at 0 and has no wait time. Only after that first request has been satisfied, subsequent requests will happen depending on the returned page source. Firefox can handle a maximum of 6 concurrent requests (== at the same time) so you’ll see the 6 requests following that first one, number 2 to 7, all have about the same wait time. Then number 8 suddenly has a larger wait time. This is because it had to wait for any one of request number 2 to 7 to finish before it can start. Number 9 had to wait for another request to finish and so on…
The Fancybox script files are placed in the footer (actually to improve visual elements ‘above the fold’ load time) so they logically have a larger wait time in the Network tab results. So you see this wait time should not be counted when comparing performance of individual requests. Only for the total page load time.
In any case, I checked with Firefox and got similar values as I got in Chrome, which are about the same as your results if taking the ‘browser wait time’ (the orange bar) into account. So we’re still talking about a very small added page load time.
I’m not seeing anything near the original added 20+ seconds that you witnessed earlier. I’m seeing between 3 and 5 seconds total load time with FancyBox activated.
Maybe it was just a temporary thing? I cannot explain it.
Tip: try submitting your site to multiple tests on https://developers.google.com/speed/pagespeed/insights/ … it’ll give you valuable info about what and how to improve your sites speed. Usually these are image optimisation (use Photoshop ‘export for web tool’ or an external smushing service or a WordPress image optimization plugin) and turning on server response gzip compression for (at least) js and css files as described on http://httpd.apache.org/docs/current/mod/mod_deflate.html
Hope these tips help 🙂
