pagespeed

[EdHarrison]

Checked my pagespeed results in google, lots of errors including lack of compression etc, has this been addressed in 2016 or are there fixes please?https://developers.google.com/speed/...%2F&tab=mobile

[Mike Hughes]

Compression is run on the server as pages are served. You need to talk to your web host about enabling it.

[EdHarrison]

That'll be sellerdeck....

[Mike Hughes]

Then I suggest you talk to them.....

[chickenhouseman]

add this to ht.access

this is what I have in my ht.access file. It will enable compression and cache

# Enable the mod_expires module
ExpiresActive On
# Set expiration date to 1 month for all style sheets and images
ExpiresByType text/css "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/bmp "access plus 1 month"
# Set expiration date to 1 week for all HTML pages
ExpiresByType text/html "access plus 1 day"
ExpiresByType application/xhtml+xml "access plus 1 week"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"


<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>

# BEGIN W3TC Browser Cache
<IfModule mod_deflate.c>
<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>
AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json
<IfModule mod_mime.c>
# DEFLATE by extension
AddOutputFilter DEFLATE js css htm html xml
</IfModule>
</IfModule>
# END W3TC Browser Cache

[chickenhouseman]

I've also been adding CDN to images so they are spread over a few domains and they are cookieless. Amazon's cloudnet is free for the first year. As most browsers allow 8 connections to each domain at a time if everything is on the same domain it takes 5 passes to down 40 items but If they were spread over 5 different domains they would all be served at the same time.


this is my page results on pingdom

http://fpt.pingdom.com/#!/b35qVr/htt...or-opener.html

[feemish]

This looks good Chickenhouseman. Would there need to be any checks on the server capability before adding this to an ht.access file?

[feemish]

That'll be sellerdeck....

I take it Sellerdeck hosting doesnt include this compression etc in their ht.access

[Golf Tee Warehouse]

I've also been adding CDN to images so they are spread over a few domains and they are cookieless. Amazon's cloudnet is free for the first year. As most browsers allow 8 connections to each domain at a time if everything is on the same domain it takes 5 passes to down 40 items but If they were spread over 5 different domains they would all be served at the same time.


this is my page results on pingdom

http://fpt.pingdom.com/#!/b35qVr/htt...or-opener.html

I have in the past considered using CDN for images, etc, How did you handle getting images onto the CDN server, does Sellerdeck upload them or are you manually uploading them to the server,

[chickenhouseman]

i'm on seller deck hosting so you should also have access to your ht.access.

The CDN retrieves the images from your server if they haven't already got a copy.

your image files stay the same within the product setup but in the layout it's changed to the CDN which is set to retrieve them from your acatalog/ directory

The code I found else where on the forum to use the local copy on the desktop and the CDN on the website.

so the standard product image layout has changed to this this:
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductImageDisplayed%22%20%2f%3e"><!--<img src="<actinic:variable name="ProductImageFileName" />"--> <img src="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e"><actinic:variable name="ProductImageFileName" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsNotPreviewMode%22%20%2f%3e" >http://d1s5c0gdx3iro6.cloudfront.net/acatalog/<actinic:block php="true">echo basename('<actinic:variable name="ProductImageFileName" encoding="perl" selectable="false" />');</actinic:block></actinic:block>"
border="0" width="<actinic:variable name="ProductImageWidth" />" height="<actinic:variable name="ProductImageHeight" />" title="<actinic:variable name="ProductName" encoding="strip"/>" title="<actinic:variable name="ProductName" encoding="strip"/>"
alt="<actinic:variable name="ProductName" encoding="strip"/>" /></actinic:block>

It's then the same to change best sellers and also bought

if you are using https just in the checkout you need to use https for all css files otherwise it wrecks the layout but the best seller list seems to be ok.

[chickenhouseman]

for some reason, one of the css files stopped working with the CDN so i've reverted back to delivering that myself. It seemed to vary depending on the country but eventually stopped working completely.

[EdHarrison]

Thank you Simon, I have added the code to my ht access, I will test again.

It seems to work but worryingly it says the htaccess file is queued and warns each time I want to close the ftp.

[chickenhouseman]

that looks to work - not sure about the ftp programme but mine gives a warning if i still have the file open for editing.

Social sharing takes up 30% of the page load time - personally I'm not sure that people really share stuff on facebook via the share buttons. In the last three months I've had 225 shares - only 12 to facebook, 34 to pinterest and 160 that have shared from the address bar

You could probably save a lot by resizing images as they all seem to be 300px which is fine on the product page but thumb nails and section images can be a lot smaller. it looks like you are using 80 px width so you could probably get 90% size reduction on those.

[EdHarrison]

Thanks, seems ok, been thinking the same for a while, my customer base are "older" as a rule and are not so concerned with social media, I think the badges on the footer will suffice rather than cluttering the products..

[chickenhouseman]

update on CDN

The only issue I've found with using a CDN was when I changed to HTTPS. The images were served from a subdomain but the SSL only covered the main domain. You can have a wildcard one but that costs a lot more. So rather than serve them via a subdomain I reverted back to delivering from the CDN url. These started to show up as blocked resources in google search console. There may have been a ranking issue - some pages had dropped a little.

so in conclusion, if you are using a CDN you need to use a wildcard SSL so you can deliver from a subdomain or not use SSL