Categories


Tags


小技巧给网页减肥,让网站提速。

对于网站设计师来讲,网站的访问速度甚至比内容还重要。就算网站内容很优秀,但如果访问速度很慢,相信也不会有多少人耐心等待。下面就介绍一些我试用过的网站减肥方法,效果还不错,文章插图中的数字就是我博客减肥前后数据对比图,也希望在将来设计网站的时候能多多注意以下几项。

1:使用Gzip压缩文档:Gzip编码是用来改进网页性能的方法,不仅可以减小存储空间,还可以减少传输所需要的时间。将网站中的文件使用Gzip压缩后,可以显著地增加网页加载速度,同时也可以降低网站的带宽流量消耗。(使用此方法会加重服务器负担,因为需要修改服务器配置,对于虚拟主机用户来讲不可操作。)

延伸阅读:

如何给Tomcat,Apache配置gzip压缩功能

如何给IIS上启用Gzip压缩详解

2:CSS压缩减肥工具 http://www.xland.com.cn/css/geshihuacss.htm

把你的网站CSS代码复制到此框内,点击压缩化,一般都可以对CSS压缩1-5k.我的博客CSS代码缩小了2K。

3:给JavaScript文件减肥:这个方法不同于Gzip压缩功能,缩小JavaScript文档有很多方法,在这里推荐使用JS在线减肥网站:http://javascriptcompressor.com/

4:将样式表文件放在外部调用:把页面中需要用到的JavaScript 和CSS样式表文件放在另外的文件夹中,这样一来在打开网站其他页面时就会缓存这些调用的文件,从而加快网站页面的加载速度。

5:网站图片尽量使用GIF格式。GIF格式图片占用空间小,例如我的博客的插图,JPG格式的图片一般在10-50K之间,而GIF格式图片一般都是10K以下。

6:尽量不要在首页调用太大的FLASH文件和视频文件。

7:避免使用网页重定向:无论是通过服务器端重定向还是通过JavaScript代码进行内容重定向,网站都会首先加载一个空白的页面,然后再定向到另外的页面,这样不仅延长了页面的加载时间,还很有可能导致无法跳转,让用户面对一个“空白”页面。延伸阅读:如何正确使用网页重定向

8:把统计代码放到网站的最下面:不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码,或者在最下方单独做一个Table或者div来放置计数器。这样,在计数器不能访问的时候,你的网站速度也不会受到丝毫影响。

来源:卢松松博客


Public @ 2012-01-08 15:16:32

H标签作用

在html里的每一个标签都有其自身的意义,而H标签作为标题标签,它的意义更是至关重要。对于H标签的用法特别是h1的用法一直是个争议的问题。一、H标签直观的告诉用户,网页哪部分是重要的,哪些是不那么重要的。heading 标签通常用来为用户展现网页的结构,由于heading 标签通常会使某些文字比普通的文字大,对于用户来说,便于他们更直观地看出这些文字的重要性,而且可以帮助他们理解heading文字

Public @ 2012-10-18 16:08:22

Alt标签和Title标签的区别在和使用讲解

Alt标签:是用来替代图片的文字信息描述,常用来替代图片显示不出来的情况,主要针对视力障碍者,alt属性将会决定将显示人们的是哪些文字。语法格式:< img  alt="文字描述"  src="图片地址" > Title标签:用来提供更清晰的提示文字描述,常用来替代图片,并且在鼠标放在图片上会显示title属性里所设置的文字描述,语法格式: Alt标签和Title标签使用方法: 1. 将

Public @ 2023-02-26 17:54:27

小技巧给网页减肥,让网站提速。

1. 使用合理的编码技术:减少网页中不必要的字符,使用Gzip/ZIP等压缩软件,减少网页文件大小,减少HTML文件中标签、空格环节,替换静态资源为数字资源,如图片替换成 Base64 码。 2. 压缩Javascript和CSS文件:Javascript和CSS文件有一些冗余语句可以被压缩,将其进行压缩可以有效减少文件大小,减少网页加载的时间。 3. 合并Javascript和CSS文件

Public @ 2023-02-25 14:24:36

提高网站打开速度的7大秘籍

很多站长使用虚拟主机来做网站,网页内容一旦很多,网站打开速度就会特别慢,如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做,不妨通过网页代码优化的方式来提高速度,卢松松总结了一些可行性的方法。1: 缩小Javascript和CSS文件如果你的网站大约有50-60%的用户是第一次访客,那么这些人会下载Javascript和CSS,如果这些文件很大浏览器会下载很长时间。使用压缩工具可以减少Jav

Public @ 2021-05-25 15:16:33

更多您感兴趣的搜索

0.639830s