宁静的夜海 发表于 2013-8-30 08:34:26

网站优化日志

昨天对网站开启了GZIP压缩。大家有没有觉得速度快了一些。
下面要解决的一个问题是图片压缩。首页和论坛首页涉及到的图片都要进行压缩处理。
JPEG 80%质量的图片和100%质量的图片在显示效果上没有区别,但数据量差距很大。

宁静的夜海 发表于 2013-8-30 08:50:49

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

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

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:给**aScript文件减肥:这个方法不同于Gzip压缩功能,缩小**aScript文档有很多方法,在这里推荐使用JS在线减肥网站:http://**ascriptcompressor.com/

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

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

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

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

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

宁静的夜海 发表于 2013-8-30 08:51:28

影响网站打开速度的9大因素

再好的网站,如果打开速度慢,10个人会有9个人选择离开,我归纳了大约9大影响网站打开速度的因素,但网站页面显示的速度取决于众多的因素,包括服务器性能、网络传输质量、网站的带宽、DNS解析、网页内容包括涉及到的JS代码、图片和视频的大小等等各种因素,如有不全,欢迎跟帖补充和指正。

影响网站打开速度的10大因素

(再好的网站,如果打开速度慢,10个人会有9个人选择离开)

1:网络最小带宽

这是最主要的因素,在慢的网站放在好的带宽下访问速度一样快(就是多花钱),网络的带宽包括对网站所在服务器带宽和用户端两个位置,对接点指的是出口端与入口端(如电信对网通的对接点),另一个就是用户本身的最小带宽,如果用户办的是512K宽带咱就爱莫能助了。

2:DNS解析时间

DNS解析包括往返解析的次数及每次解析所花费的时间,它们两者的积就是DNS解析所消耗的时间,因此,很多人忽视了DNS的问题,其实,DNS对网站解析速度也是非常重要的,如Google近期推出的Page Speed Service和国内的DNSPOD等免费给域名做DNS加速的,大家可以一试。

3:机器的配置

包括服务器端与客户机端的硬件配置程度,同样的网络环境下,双核的服务器的运算能力肯定要强一些,毫无疑问的,同样的网络环境下,你用一台赛扬的机器和奔四双核处理器的电脑,打开同样的网页,速度,也肯定不一样。

4:服务器软件

软件多少、稳定和软件的正确配置,都会影响到服务器环境,以致影响到网络速度。服务器安装软件防火墙,会牺牲一些网络速度,所以VPS、或独立服务器用户装一个防火墙足矣。

5:网页内容的大小(重要)

网页文件的大小是网站是否能快速打开最重要一个因素,如果说服务器等硬件方面我们决定不了,我强烈建议从这里下手,不管是表格还是DIV+CSS,适当的优化代码,都能减少网页大小。

尽量优化代码,用最少的代码,比如前几天卢松松把博客模板精简之后,使每个网页缩小了100多K,提高了网站打开速度,不要将整个内容包含在一个框内,在“给网站减肥,让网站提速”一文中,我详细介绍了,网页代码的优化方法。同时大量错误、冗余代码也是拖慢网站速度之一。

6:大量数据库操作

小网站在执行大量数据库操作时,也会影响网站打开速度,这里使asp+access结构的网站尤为明显,尤其是同时有大量用户提交评论时,就操作数据库锁死,导致网站打不开。比如我博客在发布文章时会有几分钟时间使网站速度大打折扣。

7:用很多**ascript

网站上使用大量JS是大忌,不仅搜索引擎无法收录,同时会不断提交请求增加服务器负担,例如鼠标特效、栏目的特效、状态栏的特效等等。这些特效的原理是先由服务器下载到你本地的机器,然后在你本地机器上运行产生,然后你才能看到的。特效做的多了,在你本地机器上就要运行大半天才能全部完成,而如果你的主机配置一般的话,那就更慢了。所以,建议一定要少用**ascript特效。

8:页面上用大图片和FLASH

我们知道图片是拖慢网速最重要一个因素,图片经过处理,可以使图片空间变小,卢松松博客每篇博文的图片都经过处理,但导致有部分图片清晰度不够,否则很多的图片一开始都会占用很多空间又使网站打开速度变得很慢,同样FLASH也是一个道理。

9:过多引用了其他网站的内容

包括你引用其他网站的图片、视频文件等,如果直接在页面引用别的网站的东西,而那个网站的速度又慢,或者那个网站的该页面已经不存在了,那么你打开的速度就会非常慢。

网帆 发表于 2013-8-30 11:42:51

顶!

sindi231 发表于 2013-8-30 12:12:55

是的
网站速度很重要
等半天打不开人就走了

vivian71gww 发表于 2013-8-30 16:31:18

哎呦,专业人士,顶起!

L68091500 发表于 2013-9-1 20:50:13

网站速度确实有点慢{:soso_e113:}

南大街1 发表于 2013-9-10 09:28:44

sindi231 发表于 2013-10-14 07:57:31

论坛是不是刚刚又改版了??
我的17寸老的CRT显示器显示不完全!

宁静的夜海 发表于 2013-10-14 08:33:59

sindi231 发表于 2013-10-14 07:57
论坛是不是刚刚又改版了??
我的17寸老的CRT显示器显示不完全!

换个宽屏的液晶显示器吧。健康又环保。

宁静的夜海 发表于 2014-1-15 08:22:45

测试一下

宁静的夜海 发表于 2014-1-15 08:24:39

测试一下222

蓝梦儿 发表于 2014-1-15 08:28:23

测试一下

蓝梦儿 发表于 2014-1-15 08:30:51

Ceshi
页: [1]
查看完整版本: 网站优化日志