Google Page Speed! Pretty Cool Tool...What's Your Score?

[nutbuster]

(faster than 74% of sites.)

I just installed this on my browser Firefox and it gave me plenty of suggestions....you can also compare this with your competition to see where you stand against them in speed which Google is using to rank sites as well if not now, soon!

http://code.google.com/speed/page-speed/ (See install icon to the right)

Looks like we (ok me) are going to need some step by step instructions on how to address each issue here on Prestashop as I am not quite sure how to fix some of these suggestions made by the test.

There is also a new tool I found under Google Webmaster Tools: Under Labs: then Site Performance which shows you how your webpage ranks against other sites on page load....mine was faster than 74% of sites.

[rocky]

Thanks for this link. It looks similar to YSlow, which I've been using to optimise the website I'm currently working on. PageSpeed gave the site a rating of 86/100 and YSlow a rating of 88/100.

There are some things you can do to improve your rating like remove unnecessary Javascript, move the remaining Javascript down to the bottom of the page and remove whitespace, enable compression on your server and add the following to your .htaccess to cache files:

Header set Expires "Thu, 15 Apr 2012 20:00:00 GMT"
Header unset ETag
FileETag None

[nutbuster]

Thanks for this link. It looks similar to YSlow, which I've been using to optimise the website I'm currently working on. PageSpeed gave the site a rating of 86/100 and YSlow a rating of 88/100.

Rocky, I notice that you need to work on:

[score: 29.8%]
Enable gzip compression

[score: 6.7%]
Leverage browser caching

[score: 1%]
Combine external JavaScript

I have simular issues...is there a way to work with Prestashop to reaise these numbers?

[rocky]

Did you get those scores for my Nethercott Constructions website? I haven't got around to optimising that site, so it has a lower score of 67 in YSlow. It is the bookstore website that I'm currently working on that I was referring to. He called his host and asked them to enable gzip/deflate compression. Once he'd done that, I logged into his cPanel and an "Optimize website" option had appeared in the "Software / Services" section. We turned on "Compress the specified MIME types" and entered "text/html text/plain text/xml text/css application/js application/javascript".

I put the above code in his .htaccess file to enable browser caching, removed all the Javascript he wasn't using and moved as many Javascript links to footer.tpl as I could. I'll have to do the same on my own website when I find time.

[nutbuster]

Did you get those scores for my Nethercott Constructions website? I haven't got around to optimising that site, so it has a lower score of 67 in YSlow. It is the bookstore website that I'm currently working on that I was referring to. He called his host and asked them to enable gzip/deflate compression. Once he'd done that, I logged into his cPanel and an "Optimize website" option had appeared in the "Software / Services" section. We turned on "Compress the specified MIME types" and entered "text/html text/plain text/xml text/css application/js application/javascript".

I put the above code in his .htaccess file to enable browser caching, removed all the Javascript he wasn't using and moved as many Javascript links to footer.tpl as I could. I'll have to do the same on my own website when I find time.

Yes it was off your sig. I will ask my webhost about enabling gzip/deflate...thanks!

[chineseboy]

I think this is brilliant topic. I definately need to optimise my page speed. Anyone else got any other tips?

[diamond204]

I agree - this is a VERY important topic.

Here is a great site with code for enabling gzip access for servers that have it enabled:

http://www.samaxes.com/2008/04/htaccess-gzip-and-cache-your-site-for-faster-loading-and-bandwidth-saving/

Here is another with a bunch of great stuff as well:
http://www.samaxes.com/2008/04/htaccess-gzip-and-cache-your-site-for-faster-loading-and-bandwidth-saving/

[diamond204]

On Google Page speed it is dinging me for "specify image dimensions" - does anyone know how to fix this with Prestashop? I have regenerated my thumbnails, but it did not work

PS - I found out that your server must support compression in order to take advantage of it.

[Jaktis]

To specify the image size you can add following code (change pixelsize to fit your image) in the .tpl file in the module who's image are w/o size.

From:

To:

[diamond204]

Thank you for the help - I will try that fix!

[diana13]

Thanks for this link. It looks similar to YSlow, which I've been using to optimise the website I'm currently working on. PageSpeed gave the site a rating of 86/100 and YSlow a rating of 88/100.

There are some things you can do to improve your rating like remove unnecessary Javascript, move the remaining Javascript down to the bottom of the page and remove whitespace, enable compression on your server and add the following to your .htaccess to cache files:

Header set Expires "Thu, 15 Apr 2012 20:00:00 GMT"
Header unset ETag
FileETag None

I've put this in httacces but yslow still says for all images that "expiration not specified".

LE. It works.

[Mikael Bellina]

Hi,

You can use Google Webmaster Tools to see the speed of your site every day, and see if it's become slower.

Best Regards Mikael

[vince123]

seems google webmaster tools can do this job, but i'm not sure, will have a try

[Mikael Bellina]

Yes i'm sure you a graph to view the speed of you site.

Best Regards

[outlet.ee]

mod.headers and mod.expires modules are not supported by all hosting companies. It didn't work for me also with the .htaccess file but when moved to new hosting it was supported there so my score went up by 8 points right away.

[Martin]

add the following to your .htaccess to cache files:

Header set Expires "Thu, 15 Apr 2012 20:00:00 GMT"
Header unset ETag
FileETag None

I tryed this and my website gave me this back

500 - Internal Server Error
This is a temporary server error.
Please try to reload the webpage later.If you are the webmaster of this site please log in to Cpanel and check the Error Logs. You will find the exact reason for this error there.

Common reasons for this error are:

•Incorrect file/directory permissions: Above 755. In order files to be processed by the webserver, their permissions have to be equal or below 755. You can update file permissions with a FTP client or through cPanel's File Manager.
•Incorrect Apache directives inside .htaccess file. Make sure you have not specified unsupported directives inside the local .htaccess file. Such include PHP settings and Apache module settings.

any clues on why and is there a nothere way this can be done

[eCasper]

I have added following piece of code to my .httaccess file


mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*


But it does seem gzip activated for my site. Please check the screen shot.

Am I missing something?

[outlet.ee]

The gzip must be enabled by your server host. Some hosts have it differently, mine also doesn't support the htaccess way you provided but there is some other script for achieving it, maybe it is this way at yours also.

[eCasper]

Thank you for your support. please check here for more information about gzip problem i've.

Also I've another problem , I activated friendly URLs via ma back office but I have noticed that some of the URL still doesn't seem appearing as friendly URLs.

Ex:-

1. /contact-form.php
2. /sitemap.php
3. /supplier.php
4. /manufacturer.php

Is there anyway to make these URLs as Friendly URLs?

Thanks in Advance!

[andrew]

Hi

This code:

Header set Expires "Thu, 15 Apr 2012 20:00:00 GMT"
Header unset ETag
FileETag None

Improved us to 82/100 (before I think it was 75)

Thanks,

- Andrew

[mir-aus]

I would like to try the cod

[botmez]

To specify the image size you can add following code (change pixelsize to fit your image) in the .tpl file in the module who's image are w/o size.

From:

To:

Should we regenerate all images after that ?

[kenza750]

Header set Expires "Thu, 15 Apr 2012 20:00:00 GMT"
Header unset ETag
FileETag None

Where to put this code in .htaccess? In the beginning or at the end, or doesn't it matter (I think the latter)? I get an server 500 error after I put this code in my .htaccess 8-/

[kenza750]

ok, found it here: http://www.nethercottconstructions.com/en/content/8-enable-gzip-compression-and-browser-caching
including instructions.

anyways, browser caching doesn't work for me at the moment, still investigating.
contacted my hosting (Strato), they tell me almost every command is supported....

[kenza750]

Google pagespeed results:

Start: 53 :-S
using Friendly URL: 60
enabled browser caching: 63
enabled compression + using sprites: 87 :cheese:

now I'm happy; only some Low prio things left, but that I will accept at this time.

[petete2008]

I have enabled Google Speed ​​Service CRC and not let me go to the control panel. I installed prestashop versions 1.4.10 and 1.4.11 and I still happening the same.

What exactly happens to me is that when I put the password of BO if I agree but when trying to click on any of the menu options automatically pulls me and I returned to the login screen.

And sometimes the whole screen shrinks BO and I superimposed the login window.

Has anyone managed to make it work? thanks

[manouki8]

Hello everyone, I am also getting a Specify Image Dimensions message which are for the pictures in my new products slider on the homepage. When I use Firefox inspector tool I can see in the html the width and height are missing, but where do I need to go to add the dimensions. I tried in the blocknewproducts_mod.tpl but maybe I am doing it wrong. Any help would be appreciated, thank you.

[Antakarana]

Hello everyone, I am also getting a Specify Image Dimensions message which are for the pictures in my new products slider on the homepage. When I use Firefox inspector tool I can see in the html the width and height are missing, but where do I need to go to add the dimensions. I tried in the blocknewproducts_mod.tpl but maybe I am doing it wrong. Any help would be appreciated, thank you.

 

Hi,

 

Same happening to me... I'm not sure were to install this code:

 

 

 
<img src="{$base_dir}modules/xxx" alt="alt-text" 
height="16px" width="16px">

 

Must it be placed in all tpl files that contain images??

 

My site is responsive, will that afect to the responsive views?

 

http://nutri-cosmetica.com

 

thanks in advance!

Edited October 1, 2013 by Antakarana (see edit history)