-
AuthorPosts
-
August 18, 2014 at 12:02 pm #305673
I am experiencing a loading error (after I empty my browser cache) please see image:
https://www.dropbox.com/s/ays40nlkgku46qe/error.PNG
It happens when I visit this page: http://shutterliving.com/homepage/recent-work/
This is also visible when loaded via iPhone.
Is there any way to fix this? I currently have no plugins activated and my theme and W.P. is up to date
(I am using a full with masonry grid on this page)
Thanks in advance (great theme even better support)
August 18, 2014 at 12:13 pm #305684here is the image on an iphone :
August 18, 2014 at 3:05 pm #305768Hi!
Try creating a duplicate of that page but without the facebook wall at the bottom. There seems to be a delay in the masonry script getting loaded/processed and it would be a quick item to rule out.
Best regards,
DevinAugust 18, 2014 at 3:07 pm #305771I have now removed the widget !
August 18, 2014 at 3:26 pm #305781It is strange I have cleared my cache however the facebook widget is still showing (may be there is some cache at server level)
August 18, 2014 at 3:35 pm #305787when im logged in to Word press it shows the page without the facebook widget and I am still getting the loading error:
https://www.dropbox.com/s/dcadn3g4lqr9568/facebook%20off.PNG
August 18, 2014 at 4:07 pm #305807This reply has been marked as private.August 21, 2014 at 4:39 am #307142Hi,
Try adding this at the very end of your theme functions.php file:
function add_custom_script(){ ?> <script> (function($){ $(window).load(function() { $(window).trigger('resize'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');
Regards,
JosueAugust 22, 2014 at 10:25 am #307747http://shutterliving.com/homepage/recent-work/
Hi Josue,
Thanks for the tip. (can you see my website correctly, some of the tech support are having difficulty viewing it)?
What im finding after implementing your code is that in ‘Chrome’ I still see the errors happening but after a few seconds the page refreshes and reloads the images correctly.
In Safari there is a bigger problem and the images don’t load at all :https://www.dropbox.com/s/kk1lazi005m7cbq/Safari.PNG
Even after refreshing the browser a few times?
It also seems to slow the loading of the page ? is this possible or is it my imagination?
Thanks for ALL your help I relay do appreciate it, I just hope i can sort out this issue as it gives a poor experience to visitors viewing the page for the first time (when someone returns to the page a second time this issue is not there because of the browser cache)
August 22, 2014 at 3:25 pm #307903Hmm, try removing Josue’s script and then clearing your cache with wp-cache again. I’m not getting any issues with the Masonry script at this point but maybe we can take it in steps to see what was/is causing the issue.
August 25, 2014 at 4:50 pm #308875Thanks Devin,
I have removed the script (and cleaned the cache) hopefully we can get to the bottom of this loading error.
When i do remove the script this is what i can see when the page loads: Is it the same for you ?
(safari and Chrome – https://www.dropbox.com/s/dcadn3g4lqr9568/facebook%20off.PNG?dl=0
(iphone – https://www.dropbox.com/s/quwu5hwjng46agw/photo.PNG?dl=0
this issue is exaggerated if you try to scroll down the page too fast especially on the iphone (i have reduced the number of images that loads on the masonry grid and this seems to improve the situation, a little)
This only occurs if the browser cache is cleared (ie for first time visitors)
Thanks a million in advance !
August 26, 2014 at 5:21 am #309114Hi!
Thank you for the update.
Where are you hosting the site and what is the hosting plan that you’re using if it’s OK to ask? The site is loading a little bit slow on my end. Usually minimizing the image file sizes and number of plugins that you install will greatly improve the performance. These are the things that you can do to optimize the website speed and page load courtesy of the wordpress community:
1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets.
5. Install WP-Super cache, select all recommended settings.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.Add this on functions.php to exclude the custom.css file and layout.css file when you minify the scripts using BWP. These two stylesheets breaks the site when included on the compression.
add_filter('bwp_minify_style_ignore', 'exclude_my_css'); function exclude_my_css($excluded) { $excluded = array('avia-custom', 'avia-layout'); return $excluded; }
Regards,
IsmaelAugust 26, 2014 at 9:59 am #309226Q- Where are you hosting the site and what is the hosting plan that you’re using if it’s OK to ask?
A – I am with OVH, I was on the very cheap shared hosting plan but a few weeks ago I upgraded to the ‘Pro’ plan specifically due to the site being VERRRRY slow. https://www.ovh.co.uk/web-hosting
I am hosting in France, However I have a ‘semi’ – CDN provided by OVH that caches my website in 3 locations.
GeoCache Accelerator on just 3 PoPs: Paris (France), Frankfurt (Germany), Newark (USA).https://www.ovh.co.uk/web-hosting/geocache.xmlI also have Photon – (by Jetpack) activated and it seems like my images are being served by Jet pack
http://i2.wp.com/shutterliving.com/wp-content/uploads/2012/10/shutterLIVING.com-Jamie-A-Cowan013.jpg?resize=800%2C533Above is an example of an image : I think this is being served by the Photon servers.
Q. The site is loading a little bit slow on my end.
A. I know, I’m really annoyed about it. I’m trying EVERYTHING to speed it up.Q. Usually minimizing the image file sizes
A. I have saved all my image files at a dimension of 800px wide (one of my posts is at 1200px wide) and I have Smushed them all using the Smush-it plugin.Q. The number of plugins that you install will greatly improve the performance.
A. Plugins I have tried to keep to a minimum: (11 active)Akismet : Category Order and Taxonomy Terms Order : Facebook : iThemes Security : Jetpack : Pinterest “Pin It” Button Pro : Post Types Order : WordPress SEO : WP Smush.it : WP Super Cache : WP Super Cache – Clear all cache
I have run the P3 plugin profile plugin (then deactivated it after using it) and it tells me :
WordPress Plugin Profile Report
===========================================
Report date: 26/08/2014
Theme name: unknown
Pages browsed: 18
Avg. load time: 0.0839 sec
Number of plugins: 2
Plugin impact: 854.60% of load time
Avg. plugin time: 0.7167 sec
Avg. core time: 0.0002 sec
Avg. theme time: 0.0000 sec
Avg. mem usage: 6.58 MB
Avg. ticks: 13
Avg. db queries : 80.61
Margin of error : -0.6330 secPlugin list:
===========================================
P3 (Plugin Performance Profiler) – 0.7072 sec – 98.68%
Pinterest “Pin It” Button Pro – 0.0095 sec – 1.32%So I guess the plugins are not the problem (it only picks up that I’m using 2 plugins? Is this normal. I don’t think they are having too much effect?
These are the things that you can do to optimize the website speed and page load courtesy of the wordpress community:
1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
A- I did not save as ‘web-safe’ (I will from now on), but I did smush after.2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
A. I did not know about this one – I will research this today, Thanks for the tip.3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
I have done this (however I do keep it activated, (I will now deactivate it until I need it again)4. Use BWP minify plugin to minify scripts and stylesheets.
A. I will now do this – thanks for the tip.5. Install WP-Super cache, select all recommended settings.
A. I have done this already.6. Logout your website, visit every page at least once to create super cache files.
A. I did not know I needed to do this, Is there anywhere you can recommend reading further about this?7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
I used to be with coludflare however I switched to Photon by jetpack TBH I have not seen much of a difference in load times (If it is making a difference I still need to make the site faster).8. Have a cup of coffee.
A. 2nd cup this morning.9. Visit your site after 20 minutes or so.
Will do.
10. Don’t forget to smile.
Thanks for your advice: After logging in to OVH I see that my website is 37GB? This to me seems far too big there is no way the core files and my content (with theme) should be this big, is there anything you can recommend to look into this?August 28, 2014 at 2:18 pm #310411I noticed the loading error also happing on this guys webpage : http://www.naturaloutlook.com/portfolio/photography/
September 8, 2014 at 12:27 am #314788It might actually be an issue of plugins and services which are duplicating each other. There should only be one CDN for instance so using both photon and a cdn would cause a conflict with each other.
What is the current issue we are looking at right now? Its taken a while to answer your topic as I don’t think any of us quite know what you are looking for on our end even when trying to follow along through the responses.
-
AuthorPosts
- You must be logged in to reply to this topic.