http://www.kriesi.at/support/tags/page-speed Support Forum - Tag: Page Speed - Recent Posts en-US Thu, 23 May 2013 11:27:40 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/google-page-speed-tweaks-js-defer-caching-expiration-times#post-92309 Fri, 18 Jan 2013 19:24:16 +0000 Devin 92309@http://www.kriesi.at/support/ <p>Hey Marc,</p> <p>With many (most) wordpress themes important javascript is loaded in the header so that there aren't any plugin conflicts later on. This would be the first issue.</p> <p>For the second one, you can looking into a caching plugin like w3 total cache or WP super cache.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/google-page-speed-tweaks-js-defer-caching-expiration-times#post-92167 Thu, 17 Jan 2013 23:50:54 +0000 mjcp 92167@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm looking for help/advice on how to implement <a href="https://developers.google.com/speed/docs/best-practices/mobile#DeferParsingJS" rel="nofollow">https://developers.google.com/speed/docs/best-practices/mobile#DeferParsingJS</a> (Defer parsing of JS scripts) and <a href="https://developers.google.com/speed/docs/best-practices/caching#LeverageBrowserCaching" rel="nofollow">https://developers.google.com/speed/docs/best-practices/caching#LeverageBrowserCaching</a> (Adding expiration times/dates to objects)</p> <p>Has this been done or looked at on the Coalition theme?</p> <p>Cheers!</p> <p>Marc </p> http://www.kriesi.at/support/topic/slow-portfolio-performance/page/2#post-40723 Wed, 08 Feb 2012 18:41:38 +0000 Kriesi 40723@http://www.kriesi.at/support/ <p>Hey Guys! I have just uploaded the next version of the theme and it should be available within the next 24 hours.</p> <p>If fixes various bugs and adds a few performance improvements. It now works very fine on new browsers, and also better on older ones but I will keep investigating why animations on some browsers are not as smooth as they can be and update the theme once again as soon as i found an answer ;)</p> <p>If you are encountering any new problems please open a new thread, I will now close this one for now ;)</p> <p>Cheers </p> http://www.kriesi.at/support/topic/slow-portfolio-performance/page/2#post-40699 Wed, 08 Feb 2012 13:01:24 +0000 Kriesi 40699@http://www.kriesi.at/support/ <p>@luke great to hear! update should be available during the next 24 hours. I was already able to improve the speed of greyscaling, hope I also get everything to animate a little bit smoother now.</p> <p>@scott glad I could help, glad it works now ;)</p> <p>@mamboplayer:</p> <p>if you dont care about the mobile version you can open functions.php and search for</p> <pre> $avia_config['imgSize']['portfolio'] = array('width'=&gt;465, 'height'=&gt;346); </pre> <p>at the top. Change the image dimensions to:</p> <pre> $avia_config['imgSize']['portfolio'] = array('width'=&gt;231, 'height'=&gt;171); </pre> <p>All portfolio thumbnail images that you upload from now on will have this smaller size. To modify the images that were uploaded already just install the regenerate thumbnail plugin and let it run once: <a href="http://wordpress.org/extend/plugins/regenerate-thumbnails/" rel="nofollow">http://wordpress.org/extend/plugins/regenerate-thumbnails/</a></p> <p>thats pretty much it </p> http://www.kriesi.at/support/topic/slow-portfolio-performance/page/2#post-40697 Wed, 08 Feb 2012 12:45:08 +0000 mackvisual 40697@http://www.kriesi.at/support/ <p>Hello, I am here to offer a Public apology to Kriesi. I went on a terror about how slow my site was running. It was running fine then it just locked up and was not responding to anything I tried to do. I automatically assumed( and you know what they say about that) that it was the them not being able to handle the images i was uploading. At the time of the lock up/slow down I was creating pages.<br /> Kriesi responded to both post I left and told me to send him my login info and server info and he would check into it. I did and he did his thing and came back to me and said it was probably the server. I would of never thought of that as I have never had any problems.<br /> So I called godaddy and after going a few rounds with them stating that something was wrong. the lady said she wanted to check on something. so she did and came back to me with the reason. I guess I was on their legacy servers which is one server and was getting overloaded. she said that I can switch over to the new 4GH server which I guess is 4 linked together to handle the load.<br /> so she transferred me over stating I may be down for 72 hours but actually it took only 16 or so.<br /> I am back and my site is running snappy again.<br /> Thanks to Kriesi's help I would of never thought of it being the server. So I own him an apology and a thank you for the personal assistance.</p> <p>-sm </p> http://www.kriesi.at/support/topic/slow-portfolio-performance/page/2#post-40696 Wed, 08 Feb 2012 12:30:08 +0000 mambo-mayer 40696@http://www.kriesi.at/support/ <p>@ rimilton. can you explain the steps how to change the thumbnails to avoid resizing? i dont know how to do it. thanks a lot. </p> http://www.kriesi.at/support/topic/slow-portfolio-performance/page/2#post-40652 Tue, 07 Feb 2012 23:13:53 +0000 rlmilton 40652@http://www.kriesi.at/support/ <p>Well, just changing the thumbnails to avoid resizing increased my Page Speed scores DRAMATICALLY. I am in the high 80's and even 90 on the home page. Now if we can just iron out the animation oddities we will be good! And honestly, at least on the iPhone, the thumbs still look pretty good (tablets look great as well)</p> <p>@Kreisi - thanks for the tip on resizing. The only other issue I see is that IE8 looks odd (as I mentioned) and in Chrome the portfolio loads first in color and then flashes black, then fades in gray... so looks very jarring. Thanks for all the work on this. </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40641 Tue, 07 Feb 2012 21:16:32 +0000 rlmilton 40641@http://www.kriesi.at/support/ <p>Just an excerpt of my note to Vimeo regarding this. I'll post what they say here, as this is contributing to my slow page loads...</p> <p>"I just paid for a plus account and have embedded several of my own videos on visionhousestudio.com. It appears that embedded Vimeo videos use the notoriously shady b.scorecardresearch.com tracking code to track users. This is known to be a disreputable company injecting scripts into web sites. It is consuming significant bandwidth on my site and it is setting tracking cookies on the visitor browsers that reach the site. I need to know how to disable this. Vimeo did not obtain my permission and my visitors did not approve this intrusion of privacy. This is really hard to believe..." </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40639 Tue, 07 Feb 2012 21:06:22 +0000 rlmilton 40639@http://www.kriesi.at/support/ <p>Wow- I'll have to give them a support call. I have a pro account and don't like the presumption to use these trackers. It really consumes bandwidth, I just ran a test on the angular demo page and there are at least four calls to that b.scorecardresearch.com there as well. Thanks </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40637 Tue, 07 Feb 2012 20:56:18 +0000 Kriesi 40637@http://www.kriesi.at/support/ <p>Hey! </p> <p> I dont use the script but when checking with the chrome debugging tool it seems this is something that gets loaded due to vimeo video embeds. Loading initiator seems to be urls like: <a href="http://player.vimeo.com/video/12176640?wmode=opaque" rel="nofollow">http://player.vimeo.com/video/12176640?wmode=opaque</a> </p> <p> Best regards,<br /> Kriesi </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40634 Tue, 07 Feb 2012 20:29:09 +0000 rlmilton 40634@http://www.kriesi.at/support/ <p>Kriesi, does your sample data install anything that could contain the b.scorecardresearch.com script? This was a clean install of Wordpress, but it now has this script running from somewhere. Apparently this has been slowing some WP sites down. It is disconcerting since I don't know where it came from... if you do a google search on this and wordpress, there are a lot of devs that have inadvertently included this in some of their js or other open source coded snippets. </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40628 Tue, 07 Feb 2012 19:38:34 +0000 Kriesi 40628@http://www.kriesi.at/support/ <p>Hey! </p> <p> @luke: didnt change anything, nope. But yes I will check all the issues mentioned and roll out an update soon </p> <p> Best regards,<br /> Kriesi </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40627 Tue, 07 Feb 2012 19:34:25 +0000 rlmilton 40627@http://www.kriesi.at/support/ <p>@Kriesi - Just some other feedback.. .the theme footer displays incorrectly in IE8 (big surprise that IE8 renders things funny, I know) and the iPad doesn't display the grayscale overlay on portfolio or client logos. </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40626 Tue, 07 Feb 2012 19:31:29 +0000 rlmilton 40626@http://www.kriesi.at/support/ <p>Hmmm... even disabling greyscale doesn't fix it. Did you modify? </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40625 Tue, 07 Feb 2012 19:27:16 +0000 rlmilton 40625@http://www.kriesi.at/support/ <p>@Kriesi I will implement the fix and re-enable the cache... I do notice now that on Safari 5, none of the portfolio images (or blog pics for that matter) are loading on my site. I just get the spinning circle. It is working on all other browsers...</p> <p>I assume you will roll your js and other fixes into an update sometime soon? </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40611 Tue, 07 Feb 2012 17:12:16 +0000 Gridspace 40611@http://www.kriesi.at/support/ <p>@Kriesi Thank you for taking care of this. It's really appreciated ; ) </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40608 Tue, 07 Feb 2012 17:01:44 +0000 Kriesi 40608@http://www.kriesi.at/support/ <p>PS: I think you can re-enable the caching and CDN. I dont think that I need access to your backend any more.</p> <p>I think we got 3 different issues in this thread, all running under the problem "performance" and everyone was talking about different stuff:</p> <p>1.) javascript frontpage problems: portfolio animation is clunky, the image greyscaling reloads all images a second time<br /> 2.) Backend Problems: slow backend only encountered on mackvisuals installation til yet<br /> 3.) Page speed not as high as it could be, due to images beeing scaled down for the responsive layout functions.</p> <p>I am trying to fix number 1 by rewriting major portions of the javascript. The results should be smoother animations and images not being reloaded for the greyscale version.</p> <p>#2 seems to be a server related issue that also slows down the default wordpress theme when activated so I am not sure if angular really has anything to do with that</p> <p>#3 can at least be improved by the description above if you dont care for mobile users. I am looking into ways to get a few more speed points but not sure yet what can be done here. #1 has definitely priority today :) </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40603 Tue, 07 Feb 2012 16:38:25 +0000 Kriesi 40603@http://www.kriesi.at/support/ <p>if you dont care about the mobile version you can open functions.php and search for</p> <pre> $avia_config['imgSize']['portfolio'] = array('width'=&gt;465, 'height'=&gt;346); </pre> <p>at the top. Change the image dimensions to:</p> <pre> $avia_config['imgSize']['portfolio'] = array('width'=&gt;231, 'height'=&gt;171); </pre> <p>All portfolio thumbnail images that you upload from now on will have this size. To modify the images that were uploaded already just install the regenerate thumbnail plugin and let it run once: <a href="http://wordpress.org/extend/plugins/regenerate-thumbnails/" rel="nofollow">http://wordpress.org/extend/plugins/regenerate-thumbnails/</a></p> <p>this will get your the Page speed points but It probably wont look that nice on mobile devices, depending on the screen size of the device... </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40594 Tue, 07 Feb 2012 16:00:32 +0000 rlmilton 40594@http://www.kriesi.at/support/ <p>@Kriesi- thanks for taking a look. Please let me know when you are done troubleshooting so I can re-enable the caching and CDN.</p> <p>With regard to the images, I can understand the tradeoff. But is there anyway to make a toggle so these images are not resized for those of us that don't mind missing the mobile views? This is probably costing as much as 5-7 Page Speed points... that is huge!</p> <p><img /><a href="http://img.skitch.com/20120207-tngwt6uucwyjtnupn29tqg8jjw.png&#038;lt;/img&#038;gt" rel="nofollow">http://img.skitch.com/20120207-tngwt6uucwyjtnupn29tqg8jjw.png&#038;lt;/img&#038;gt</a>; </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40591 Tue, 07 Feb 2012 14:27:23 +0000 Rmaxx 40591@http://www.kriesi.at/support/ <p>when i reload the portfolio pages all the greyscale icon are broken </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40588 Tue, 07 Feb 2012 14:25:03 +0000 Kriesi 40588@http://www.kriesi.at/support/ <p>@gridspace: the greyscale images are generated with canvas and the image is then parsed as a data string. This seemed to be a common technique (pretty much every script I have searched as reference works this way), none of them mentioning that this would cost some performance. (as for your second issue: already got that covered, thanks ;)</p> <p>@luke: Got your mails, thanks a lot. The problem with thumbnails/resized images is that the theme needs to load those larger images for smaller screen sizes. sounds weird at first but if you reduce the screen width you will notice that the images are no longer displayed in 4 columns but in a big single column. thats why I am not loading a 230 x 170 preview image but an image with bigger dimensions by default. Thats unfortunately the Tradeoff for responsive designs...</p> <p>Currently I am trying to improve the frontend javascript so the clunky animations become smooth again. I am not sure if this is in any way related to the slow page loading speed or the slow backend some of you are encountering but I'll keep you posted... </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40586 Tue, 07 Feb 2012 14:18:58 +0000 Gridspace 40586@http://www.kriesi.at/support/ <p>@kriesi btw, Grayscale effects doesn't load on all image if I hit refesh (OS X 10.6.8 Chrome 16.0.912.77). It work perfectly while navigating using the menu. </p> <p><a href="http://www.gridspace.ca/_temp/gray-over-fail.jpg" rel="nofollow">http://www.gridspace.ca/_temp/gray-over-fail.jpg</a> </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40585 Tue, 07 Feb 2012 13:58:14 +0000 rlmilton 40585@http://www.kriesi.at/support/ <p>Kriesi- disabling the greyscale image helps a small amount(tried this before) but the actual thumbnail/resized images seem to be the lion's share of the problem. Disabling grayscale actually gained about 3 points on Page Speed score. My page is here: <a href="http://visionhousestudio.com/portfolio/" rel="nofollow">http://visionhousestudio.com/portfolio/</a> </p> <p>I will disable all the caching and the CDN I have been using to try and speed this up so you can get immediate updates. (The CDN will automatically start-up in 3 hours, so please email me if you need more time. FTP info is on the way... </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40584 Tue, 07 Feb 2012 13:55:38 +0000 Gridspace 40584@http://www.kriesi.at/support/ <p>@Kriesi Grayscale activated or deactivated is the same. I run the site locally on a fast machine.</p> <p>Thanks for putting efforts on this issue. It's encouraging to know you're aware.</p> <p>How do you explain this ? <a href="http://www.gridspace.ca/_temp/binary-image.rtf" rel="nofollow">http://www.gridspace.ca/_temp/binary-image.rtf</a></p> <p>Regards </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40580 Tue, 07 Feb 2012 13:15:16 +0000 Kriesi 40580@http://www.kriesi.at/support/ <p>Hey! I dont want to remove the greyscale image feature, since I totally agree with you :)<br /> I will have to find a way to improve it, and it was my first guess that this is a resource hog. I will check the other scripts as well of course, since I am stil not sure why this theme loads slower any other I have created until today :/ </p> <p>BTW: Login information can be sent via: <a href="http://www.kriesi.at/contact" rel="nofollow">http://www.kriesi.at/contact</a> </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40574 Tue, 07 Feb 2012 12:38:24 +0000 mackvisual 40574@http://www.kriesi.at/support/ <p>Kriesi - I went in and took the greyscale setting off of all the portfolio images. I can say it is a little faster but it is still lagging. and the grey scale effect is really what sets this theme off and gives it a higher class esthetic feel. Taking that out this theme looks like all the other ones. </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40573 Tue, 07 Feb 2012 12:27:00 +0000 mackvisual 40573@http://www.kriesi.at/support/ <p>Kriesi- I will send you my login info but not thru the support forum. Do you have a specific method i can use that isn't so public? my email is <a href="mailto:scott@mackvisual.com">scott@mackvisual.com</a></p> <p>Thank you for taking the time </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40560 Tue, 07 Feb 2012 10:48:38 +0000 Kriesi 40560@http://www.kriesi.at/support/ <p>Hey Guys! I am currently investigating the issue. My first guess with the slow frontpage portfolio is that its got something to do with the greyscale images that are generated by javascript on the fly when the portfolio loads, although I am not 100% sure yet. (those are the images with the long datastring)</p> <p>Therefore I would be glad if some of you could test your portfolios with greyscaling deactivated and see if the performance improves.</p> <p>Fixing this is my top priority at the moment. </p> <p>To those of you which have slow backends: since I cannot reproduce this, would you mind sending me your login data so I can test it for myself. if anyone is currently on a web server that is not live to the general public yet you can also send me your ftp access, so I can directly modify the source code of your installation. This would greatly reduce the time I need to debug and track down the problem.</p> <p>Since the theme runs on the same framework as my other themes (which dont have any reported performance issues) I am pretty sure that it should be possible to find the problems quite fast</p> <p>Thanks for your patience </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40500 Tue, 07 Feb 2012 03:51:05 +0000 mackvisual 40500@http://www.kriesi.at/support/ <p>Gridspace- well I have gone through most of the comments that users are having with this theme and the administrator seems to be about as responsive as the theme is. I feel that the admin (support) is not addressing peoples questions and concerns. and better yet problems.<br /> My site is sooo freaking slow I have no idea what to do. and I have done everything I can think of besides just dumping the theme in the trash and slamming them on reviews and trying something else that actually works. Page load time is a major major factor when you have potential clients looking( sorry- trying to look) at your work. This is absolutely redonkulous. </p> http://www.kriesi.at/support/topic/slow-portfolio-performance#post-40499 Tue, 07 Feb 2012 03:28:12 +0000 Gridspace 40499@http://www.kriesi.at/support/ <p>Ma site is already done... One full week of work doing it locally with a virtual server. I'm afraid everything will slow down dramatically online. It suck big time that anybody serious and trained at the ''support'' take care to customers.</p> <p>Someone out there can give us clear explanation please !!? </p>