I have a website http://www.provaltech.com , from last few days I am working on speed solution for my website, I have done some r&d , also submitted website In Google PageSpeed Insights http://developers.google.com/speed/pagespeed/insights/
I have found that its showing few errors as follows :
Leverage browser caching
Eliminate Render-blocking JavaScript and CSS
You can check this link developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.provaltech.com%2F&tab=desktop . Here its showing all errors or you can submit my website in that tool & can check the issue.
So, can anyone help me in that? How can I solve these issues, I want to permanently remove these kind of errors.
Looking forward to hear from you experts.
Regards,
Umar
For better page speed and avoid these error you should try following things.
Enable Compression from Cpanel
You are using Wordpress so use any of the cache plugin.
Use header expiry using httaccess or page header.
minimize you scripts (css,js).
Use compressed images (jpegtran,pngout).
This will help you to improve page speed.
1)) Use caching plugin i.e best example is WP- Supercache
2)) Minify all your css and JS files i.e remove the extra white spaces from CSS and JS files.
3)) Compress all your images i.e use a plugin http://wordpress.org/plugins/wp-smushit/ or smush.it
Related
I found out that I have 19(!!!!!!) different CSS files in my Wordpress directory.
I am not sure if I can just simply move all the selectors from all the different files into one general file?
If not, which actions do I need to take in order to do this?
It slows down the whole website and I'm not sure how to approach this.
Thanks in advance!
p.s I have the same issue with Javascript files, does it take the same approach?
Try using Autoptimize WordPress plugin here's the link or W3 Total Cache WordPress plugin here's the link. They are easily available to download.
Note: With W3 Total cache enable minify option.
They both support combining and minifying all enqueued JavaScripts (JS) and Stylesheet (CSS).
I have a wordpress site which works good but has a long average loading time. According to google insights and other benchmarks, my main problem is the JS and CSS code from different plugins installed (like, 40 or so..) but mainly the JS.
Is it possible to combine all the JS into a single file without breaking the entire site and/or plugins? (I need all of them.) Is it also possible to do the same with CSS?
Yes, this is possible, you should use another plugin for that task.
There are several that you can use and it's a matter of personal preference but here are a couple that popped from a quick search.
Merge-Minify-Refresh
"JS & CSS Script Optimizer" is another option.
And probably most popular one.
W3 Total Cache
Yes , You can do it by below plugin.
https://wordpress.org/plugins/w3-total-cache/
hey there I've got many problems with running my site. I tried to compress manually some large pictures in my site and also compress css and JS code. but still I got a really long list of re-rendering lines...I really don't no how to use ajax to solve the problem can someone please help me with that?
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fuprightpose.com%2F&tab=desktop
p.s
my site injects php into WP so I also tried some plugins like fastest cash, autoptimize and so on but it didn't make any changes in my site's speed...
I have an issue with minifying CSS and Javascript for Magento. Our website now is 1.1 MB large and we want to reduce it to 1 MB (or less than that if it is possible). I used the function "CSS Settings"/"Javascript Settings" in Magento but it effect one of our extensions so I have to unable them. I am wondering is there any other way to minify the CSS/Js by coding or something like that as I do not want to use extension for this matter. I am keen to find another method that can speed up our site because it could help us rank better in Google Search battle. Thank you in advance.
You can minify CSS and Javascript online. Have you tried it ? If not please visit these links - :)
CSS MINIFIER
JAVASCRIPT MINIFIER
I thought Magento came with this feature out of the box but it doesn't appear to be working at all. I'm not sure if I haven't set it up properly, but right now I'm resorting to using cat and altering the page.xml layout file to use the combined javascript and css files.
Can I make Magento do this instead or is there an extension that adds this feature?
Go to System>Configuration>Developer and alter the settings in the Javascript and CSS settings boxes. Ensure that you have correct Configuration Scope set in the top-left of the page for your website/store.
Make sure that you flush the cache after changing the setting.
P.S. The Fooman Speedster extension will also perform this task.
There is also mod_pagespeed which does this for all output from your server but doesn't hurt Magento while it does it.
There are extensions in Magento Connect like JS/CSS Compression minify or on the web like Compressor.
http://www.magentocommerce.com/magento-connect/catalog/product/view/id/10581
this extension works fine and has improved our site's performances to a considerably higher levels...
Think this might help someone...
install mod_pagespeed by google on server zero configuration for your magento.