Support Forum - Tag: optimization

Support Forum - Tag: optimization - Recent Posts http://www.kriesi.at/support/tags/optimization Support Forum - Tag: optimization - Recent Posts en-US Sat, 25 May 2013 08:31:45 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-97599 Wed, 20 Feb 2013 06:40:47 +0000 Dude 97599@http://www.kriesi.at/support/ Hi! I'll close this thread now. Regards, Peter Anderson69s on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-97483 Tue, 19 Feb 2013 18:18:45 +0000 Anderson69s 97483@http://www.kriesi.at/support/ Thank's for all your answers, I will try W3TC when an update will be released... Looks like i already did all i can do to improve my loading time after it will be a waste of time... Devin on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-97465 Tue, 19 Feb 2013 16:38:02 +0000 Devin 97465@http://www.kriesi.at/support/ For w3 the best place to looks the installation page: <a href="http://wordpress.org/extend/plugins/w3-total-cache/installation/" rel="nofollow">http://wordpress.org/extend/plugins/w3-total-cache/installation/</a> Though looking at it right now, it has a high report of being broken so I would say don't use it at all until it gets updated. 5 - You would still be pulling each file they just wouldn't have the version string. The issue comes if a script gets updated and the browser for a user has it cached. Either way, you would just search the theme files for all instances of wp_enqueue_style and wp_enqueue_script and then change the version parameter to null (taken from your link). Regards, Devin Anderson69s on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-97365 Tue, 19 Feb 2013 05:51:46 +0000 Anderson69s 97365@http://www.kriesi.at/support/ 1 - Thank's i will try to remove it and make the test again to compare. 2 - So it' possible but i will lose time to do it because i have to grab and remplace all icon... in all different css and remplace them with my css sprites... 3 + 4 - I understand you can't setting up a plug-in with me. Do you have a good documented link to help me with the configuration of W3TC? 5 - It's only to improve the page load, without wp super cache enable my loading time is about 5 or 6 seconds for 350kb and 38 http request. I think it's bite long.... With wp super cache enabled, my loading time is 3 or 4 seconds for same size and http request. Remove the query strings from static resources will dicrease this time because js lock the download of the others elements of my web page no? Thank's for you're help Devin on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-97261 Mon, 18 Feb 2013 15:46:45 +0000 Devin 97261@http://www.kriesi.at/support/ Hi Anderson69s, 1 - Your choice. Not sure why it would make it worse but you can just remove it if you want. 2 - You would need to combine all images used by the css/site into a single image. Then re-do all the css to grab the location on that one single image. This isn't for pictures or anything, just icons,lines etc. 3+4 - Using that plugin will do exactly that and as Dude said, he uses it on his own site. None of us are really able to walk you through setting up a plugin however. 5 - I wouldn't suggest doing that at all. I can't say if it will or will not have a major impact on speed but it doesn't seem worthwhile. Regards, Devin Anderson69s on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-97120 Sun, 17 Feb 2013 15:05:54 +0000 Anderson69s 97120@http://www.kriesi.at/support/ Hi, thank you for you quick answer. 1- for woocommerce i add // before require_once( 'woocommerce-config/config.php' ); in functions.php and it's actually decrease my score... Should I remove it or just let the // ? 2- That's what i thought about CSS sprites, if i'm right, i have to navigate throught the different plug-in code and call my css sprites every time the plug-in call the pictures? = I WON'T DO IT, I don't have time to do this... 3- I know that minimize css and js will only gain a few kb on load, but if i can why would i not take advandtage of it? 4- I use wp super cache because it's easy to use... But if you tell me that W3TC is better and you will help to configure it, i'll desintall wp super cache right away and follow your instructions about W3TC... I think it would be a pen in the ass to remove the different unuse code in the css and every time you gave me an advice it's very usefull, so point for you, lead me... 5- I ask to jetpack and ars social slider about remove query strings from static resources for their plug-ins, they told me that i have to manage with : <a href="https://www.tinywp.in/remove-query-string-from-url/" rel="nofollow">https://www.tinywp.in/remove-query-string-from-url/</a> . I know, because i look at the code that flashlight interract with this two php funtions : wp_enqueue_style / wp_enqueue_script. Before i made anything wrong i would ask how i could do? I can't help thinking that the fifty box i paid for you theme was the best buy i ever made because of your support... Keep going, YOU ROCK!!!! Dude on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-97023 Sat, 16 Feb 2013 07:37:32 +0000 Dude 97023@http://www.kriesi.at/support/ 1) Yes, open up functions.php and delete following line: <pre><code>require_once( 'woocommerce-config/config.php' );</code></pre> 2) Tbh this is not easily possible. 3) I use W3TC on my website: <a href="http://wordpress.org/extend/plugins/w3-total-cache/" rel="nofollow">http://wordpress.org/extend/plugins/w3-total-cache/</a> and it does a good job. It offers a database & object cache feature, a "compress" file feature and a browser cache feature. 4) Tbh that's not easily possible too. However w3tc will compress the css files and it will save you a lot of data traffic. Efficient selectors would not reduce the css file size dramatically (probably just 5-10kb). Anderson69s on "Load Time and optimization" http://www.kriesi.at/support/topic/load-time-and-optimization#post-96969 Fri, 15 Feb 2013 17:58:20 +0000 Anderson69s 96969@http://www.kriesi.at/support/ Hi, how are you? I made my website with your awsome theme : flashlight on <a href="http://anderson69s.com" rel="nofollow">http://anderson69s.com</a>. My plug-in in my 3.5.1 wordpress are : - Social Slider by ARScode (you can't help me with that, I know) - Jetpack par WordPress.com (only share, short links, announce, Jetpack comments, Contact Form, improved distribution are enabled) - Google XML Sitemaps - All in One SEO Pack - All in one Favicon - Akismet - wp super-cache (currently off for optimization) I manage optimization by .htaccess but now, i'm focusing on code optimization and page loading. To mesure the performance i use GTMetric : <a href="http://gtmetrix.com/reports/anderson69s.com/jof0Vj3p" rel="nofollow">http://gtmetrix.com/reports/anderson69s.com/jof0Vj3p</a> (home page) <a href="http://gtmetrix.com/reports/anderson69s.com/ZBkgOx6g" rel="nofollow">http://gtmetrix.com/reports/anderson69s.com/ZBkgOx6g</a> (an article) <a href="http://gtmetrix.com/reports/anderson69s.com/fdrgOw9M" rel="nofollow">http://gtmetrix.com/reports/anderson69s.com/fdrgOw9M</a> (a portfolio) <a href="http://gtmetrix.com/reports/anderson69s.com/1YrqHicZ" rel="nofollow">http://gtmetrix.com/reports/anderson69s.com/1YrqHicZ</a> (a static page) I know that there is things i can't improve such as : Leverage browser caching on <a href="http://widgets.twimg.com/j/2/widget.js" rel="nofollow">http://widgets.twimg.com/j/2/widget.js</a> and <a href="http://www.google-analytics.com/ga.js" rel="nofollow">http://www.google-analytics.com/ga.js</a>. And i also know that the grade doesn't mean your site is perfect, but i want to optimize the maximum i can... As you could have notice there are difference on page load between a portfolio page, an article and my home page. I would know if : - it's possible to avoid the load of the woocommerce js? because i don't use it... - Can i use CSS sprites? and how? - Can i minimize the js and the css? Without crashing anything? - How can i improve Remove unused CSS and Use efficient CSS selectors? Thank's for you're answers. @+ Anderson69s Ismael on "Optimization of Images" http://www.kriesi.at/support/topic/optimization-of-images#post-75957 Fri, 14 Sep 2012 17:04:07 +0000 Ismael 75957@http://www.kriesi.at/support/ Hey, Glad we could help. Regards, Ismael kitticraft on "Optimization of Images" http://www.kriesi.at/support/topic/optimization-of-images#post-75888 Fri, 14 Sep 2012 08:47:52 +0000 kitticraft 75888@http://www.kriesi.at/support/ Thanks Ismael Regards, Lawrence Ismael on "Optimization of Images" http://www.kriesi.at/support/topic/optimization-of-images#post-75718 Thu, 13 Sep 2012 13:13:21 +0000 Ismael 75718@http://www.kriesi.at/support/ Hi, Actually the product slider is still using the catalog image size designated on woocommerce-config > config.php <code>$avia_config['imgSize']['shop_catalog'] = array('width'=>300, 'height'=>300);</code> Regards, Ismael Ismael on "Optimization of Images" http://www.kriesi.at/support/topic/optimization-of-images#post-75719 Thu, 13 Sep 2012 13:13:21 +0000 Ismael 75719@http://www.kriesi.at/support/ Hi, Actually the product slider is still using the catalog image size designated on woocommerce-config > config.php <code>$avia_config['imgSize']['shop_catalog'] = array('width'=>300, 'height'=>300);</code> Regards, Ismael kitticraft on "Optimization of Images" http://www.kriesi.at/support/topic/optimization-of-images#post-75686 Thu, 13 Sep 2012 07:10:30 +0000 kitticraft 75686@http://www.kriesi.at/support/ Hi Mya, Thank you for your advice, one question though: With regards to the product slider, its obviously using images that are 160 x 160, but my product pages are using images that are 300 x 300. Is there any way that I can create the 160 x 160 images for the slider without having to reduce the size of my product page images to the same dimension, I would like to keep them at 300 x 300. Basically I just want to serve the correct image size to the product slider so that I dont waste bandwidth on the home page. Mya on "Optimization of Images" http://www.kriesi.at/support/topic/optimization-of-images#post-75585 Wed, 12 Sep 2012 15:53:52 +0000 Mya 75585@http://www.kriesi.at/support/ Hi Lawrence, Abundance automatically resizes the original image you upload to the size specified in the functions.php file including creating the thumbnail. for the product slider. The largest size is 930 x 930 so you if you wanted you could resize your original images to that instead of 1024 x 1024. As far as using smaller thumbnails you could upload a new image to overwrite the one Abundance creates. You'll find the thumbnails in your media folder which is generally /wp-content/uploads/ unless you've changed it. Regards, Mya kitticraft on "Optimization of Images" http://www.kriesi.at/support/topic/optimization-of-images#post-75147 Mon, 10 Sep 2012 11:43:10 +0000 kitticraft 75147@http://www.kriesi.at/support/ Hi, I am busy optimizing my site, I am busy with the image optimization and I have a couple of questions: 1 - What are the best pixel dimensions to use for the product images? At the moment I have been making the images 1024 x 1024 @ 72DPI 2 - I ran a test on Googles PageSpeed Insights and it reported the following: <a href="http://kitticraft.com/.../YooVee-1.png" rel="nofollow">http://kitticraft.com/.../YooVee-1.png</a> is resized in HTML or CSS from 1,024x1,024 to 160x160. Serving a scaled image could save 970.7KiB (97% reduction). <a href="http://kitticraft.com/.../Triad-Post_ph.png" rel="nofollow">http://kitticraft.com/.../Triad-Post_ph.png</a> is resized in HTML or CSS from 1,024x1,024 to 160x160. Serving a scaled image could save 636.3KiB (97% reduction). <a href="http://kitticraft.com/.../ZuluHut-300x300.png" rel="nofollow">http://kitticraft.com/.../ZuluHut-300x300.png</a> is resized in HTML or CSS from 300x300 to 160x160. Serving a scaled image could save 83.1KiB (71% reduction). <a href="http://kitticraft.com/.../Tsuki-300x300.png" rel="nofollow">http://kitticraft.com/.../Tsuki-300x300.png</a> is resized in HTML or CSS from 300x300 to 160x160. Serving a scaled image could save 66.2KiB (71% reduction). <a href="http://kitticraft.com/.../X-300x300.png" rel="nofollow">http://kitticraft.com/.../X-300x300.png</a> is resized in HTML or CSS from 300x300 to 160x160. Serving a scaled image could save 51.8KiB (71% reduction). <a href="http://kitticraft.com/.../Banner2.jpg" rel="nofollow">http://kitticraft.com/.../Banner2.jpg</a> is resized in HTML or CSS from 958x371 to 930x340. Serving a scaled image could save 29.9KiB (12% reduction). I am assuming that this report was generated due to the images being used in the product slider on my home page (and the last one from the slideshow). Is there anyway that I can create smaller images for the slider to use, or will it always automatically take the large product image and scale it down? 3 - Are there any other Abundance related image optimization issues that I should pay attention to? Thanks in advance, Lawrence