Geek Answers Handbook

How to increase load time on a static HTML site?

We are working on a website and noticed that GIF images (100kb - 200kb) load very slowly.

The site is a static site with CSS / HTML.

Does anyone have any clue why images might load slowly?

Will using jpg improve performance?

Here is the HTML code for this image:

<div><img src="images/mainImg_3.gif">
+5
source share
9 answers

They load slowly because they are huge. 200 KB is a very large image file. I don’t know exactly what the recommendation is for web images, but it is a very good idea to keep them under 50K.

GIF . , JPG PNG, , . , .

: . , 25% ( ) . , . .

+12

? - 300x300 , , .

, 2 . , , .

GIF JPG ( , JPG ), , . GIF , JPG . , , GIF. , , JPG.

+2

YSlow

, .

+2

( css js), , . apache 1.3 2:

ExpiresActive On
<FilesMatch "\.(ico|gif|jpe?g|png|js|css)$">
   ExpiresDefault "access plus 1 year"
</FilesMatch>

, gzip html css. apache 2:

SetOutputFilter DEFLATE

apache 1.3:

mod_gzip_on Yes
+1

, , 100 , . , .

JPEG , . , , JPEG.

0

, . , HTTP.

- , .

HTTP. . apache HTTP-.
0

: Smush It!

, (Yahoo!) YSlow ( Yahoo!) Yahoo.

, (, PNG8, PNG24, GIF, JPG ..), ... . PNG-, "Smush It" .

, ( cookie), , CDN, , gzip.

0

More articles:


All Articles