Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Size of first page in Version 3 Rate Topic   - - - - -

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 13 September 2012 - 01:31 PM #1

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.

flags.png

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

Fotis

PS

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)
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • lulu51
  • Junior Member
  • Members
  • Join Date: 19-Sep 10
  • 151 posts

Posted 18 September 2012 - 05:10 PM #2

Hi dvsgr

test site

http://www.webpagetest.org/

lucien
Cs-cart 3.0.6 - Dev 4.24

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 18 September 2012 - 06:07 PM #3

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!

Fotis
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • lulu51
  • Junior Member
  • Members
  • Join Date: 19-Sep 10
  • 151 posts

Posted 23 September 2012 - 12:36 PM #4

Hi
test http://www.site-perf.com/
TeleCity (Amsterdam, Netherlands)

your site compression is active

Start time (GMT) 2012-09-23 12:30:47 Download time 4.4 s 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 2.4 s 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

Lucien
Cs-cart 3.0.6 - Dev 4.24

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 23 September 2012 - 03:07 PM #5

Hi


Start time (GMT) 2012-09-23 15:06:15
Download time 1.29 s
Connects 7
Requests 133
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
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • lulu51
  • Junior Member
  • Members
  • Join Date: 19-Sep 10
  • 151 posts

Posted 23 September 2012 - 03:27 PM #6

Hi

Not found 1 : ?? idée ?

lucien
Cs-cart 3.0.6 - Dev 4.24

 
  • lulu51
  • Junior Member
  • Members
  • Join Date: 19-Sep 10
  • 151 posts

Posted 23 September 2012 - 03:43 PM #7

Hi
my_domaine/index.php?dispatch=statistics.collect&ve%5Burl%5D=http%3A%2F%2 = 0 size
Cs-cart 3.0.6 - Dev 4.24