-
Posts
-
Hi all,
We’re trying to optimize a photographers website. With some help, we have images optimized and loaded up on a CDN which has helped with page speed. The trouble that we’re still having is that upon page load, the masonry gallery is “stacking up” or “overlapping”. I’ve included a screen shot and a link to our demo site. Help! What can we do to avoid this?
Jaime
Hey jaimemerz,
I do no see any overlapping or stacking on my end and the website loads pretty ok in Chrome on a Mac , considering you have so many images on the page.
Could you please clear the cache, check again and get back to us.
Best regards,
VictoriaHi Jaime,
Please disable css and JavaScript merging in the Theme options > Performance Tab and see if the issue persists.
Best regards,
VictoriaI have had masonry galleries bunch up and have overlapping issues, too. Typically it fixes on refresh but not always. Following to see if there is a more permanent solution.
Hi jaimemerz,
Please disable CDN and the caching plugin and see if the issue persists.
Best regards,
VictoriaWe have done absolutely everything we can possibly think of to remedy this and the client is still seeing the issue – though we are not. It seems to be intermittent on his side. We have a spreadsheet that tracks the behavior of several different people on several different browsers and with different ISPs. There is no common denominator. We’ve disabled the CDN, enabled the CDN, disabled the caching plugin, enabled the caching plugin… we’re up against a wall. Here’s the traceroute:
traceroute to achillephoto.com (198.71.233.104), 64 hops max, 72 byte packets
1 router.asus.com (192.168.1.1) 0.628 ms 0.217 ms 0.183 ms
2 10.1.10.1 (10.1.10.1) 7.186 ms 9.656 ms 10.150 ms
3 96.120.88.109 (96.120.88.109) 19.997 ms 29.281 ms 40.240 ms
4 be-20014-rur02.sanjose.ca.sfba.comcast.net (68.85.191.225) 19.787 ms 27.534 ms 29.905 ms
5 be-331-rar01.hayward.ca.sfba.comcast.net (162.151.79.153) 30.164 ms 19.004 ms 18.557 ms
6 be-399-ar01.hayward.ca.sfba.comcast.net (68.86.143.89) 30.191 ms 29.012 ms 20.019 ms
7 lag-14.ear2.sanjose1.level3.net (4.68.72.101) 30.229 ms 27.173 ms 20.171 ms
8 ae-1-11.bear1.washington111.level3.net (4.69.210.177) 90.209 ms * *
9 4.15.136.122 (4.15.136.122) 111.189 ms 99.583 ms 109.775 ms
10 ip-184-168-6-81.ip.secureserver.net (184.168.6.81) 109.032 ms 98.593 ms 91.543 ms
11 * * *
12 * * *
13 * * *
14 * * *
15 * * *
16 ip-198-71-233-104.ip.secureserver.net (198.71.233.104) 108.636 ms 99.448 ms 87.052 msWhile the issue has been going on for months, does this mean anything to you?
Looks like the trace route is irrelevant because two people on exactly the same internet experience the site differently — one with the issue and one without.
Could a machines graphics card be the issue?
Hi,
Thank you for the update.
The issue happens because the masonry script automatically calculates the position of the gallery items even when the images haven’t fully loaded yet. You can use the following script to force the script to recalculate the position of the items while the images are loading.
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ var int = window.setInterval(function(){ $(window).trigger('resize'); $(window).trigger('debouncedresize'); }, 2000); $(window).on('load', function() { setTimeout( function() { clearInterval(int); }, 2000); }); })(jQuery); </script> <?php }Best regards,
Ismael
- You must be logged in to reply to this topic.