Hi again fellows,
I was doing some tests on version 3 about SEO and loading times and it came up that the first page as it is in the demo setup is over 370kb in size!!
The concept of “page size” is defined as the sum of the file sizes for all the elements that make up a page, including the defining HTML file as well as all embedded objects (e.g., image files with GIF and JPG pictures). It is possible to get away with page designs that have larger page sizes as long as the HTML file is small and is coded to reduce the browser's rendering time.
Google originally stated a 100K page size limit “recommendation”.
Iâ€™ve seen examples up to 5Mb, Iâ€™m sure youâ€™d go higher for certain sites. Google would truncate the page and wouldnâ€™t index the entire page.
The original 100k recommendation was for text and html not including images. At the point that Google originally made that recommendation, Googlebot would only index the first 100K of the page.
Today googlebot WILL index far more than 100k of the page. 100k downloads very quickly for most users, even those on cell phones.
Offcourse it wouldnt hurt to slim it down a bit. So I started looking and found that flags.png as a file is about 123kb alone. It is a 4360px long file wich contains all flags for cs-cart languages.
So I came up with a solution that can bring that file down to 1.5kb or less.
Open that file an keep only the flags you need (most setups use 2 or 3 different languages).
After that open base.css in you active skins and go to line 3438 to .flag.flag-en (for english) and change the position of the image for example background-position: 0 -34px; if the Uk flag is the second one .
Keep doing that for all flags you need to keep in cs-cart. Then delete all the rest of the flags entries in the css wich you dont use . (I dont have to say that you already had a backup from base.css!).
After that you save over 120 kb alone from the image file and maybe a few kb from base.css
You can drop more the size of the first page if you use jpg files instead of png for the slideshow (not what cs-cart did!) Thats another 150kb from the demo first page of cs-cart v3., You can even design Html banners with smaller images and use a few gif also in them. Yes banner slider works with html banners now!!!
I managed to drop the file size of the first page to just 120kb with these simple steps! (no html banners just jpg)
Hi again fellows,
Yes I know the tool
I get First View 4.668s and Fully Loaded 4.807s after optimization having sharethis scripts and facebook scripts (external files) requests 22
The page size is 455KB all in all (with external files as said)
And this is before
First View 7.681s and Fully Loaded 7.844s. Requests 73. Page size…1,256 KB no external files
So … I think it may worth the trouble!
TeleCity (Amsterdam, Netherlands)
your site compression is active
Start time (GMT) 2012-09-23 12:30:47 Download time [color=#ff0000]4.4 s[/color] Connects 8 Requests 123 Not found 3 Documents total size 323 625 B Headers total size 28 355 B Compressed objects 21 Compressed bytes 216 966 B Average compress ratio 27 % Effective compress ratio 59 % Average download speed 637 Kbit/s Effective download speed 1 029 Kbit/s
My site compression = off
Start time (GMT) 2012-09-23 12:32:30 Download time [color=#ff0000]2.4 s[/color] Connects 151 Requests 151 Not found 1 Documents total size 1 285 526 B Headers total size 53 089 B Average download speed 4 397 Kbit/s
Start time (GMT) 2012-09-23 15:06:15
Download time 1.29 s
Not found 1
Documents total size 619 954 B
Headers total size 30 362 B
Compressed objects 37
Compressed bytes 631 082 B
Average compress ratio 25 %
Effective compress ratio 49 %
Average download speed 5 367 Kbit/s
Effective download speed 10 575 Kbit/s
21 css 104 559 B
4 html 16 117 B
13 image 151 640 B
24 image(css) 51 725 B
11 script 105 744 B
Not found 1 : ?? idÃ©e ?