黑帽联盟

 找回密码
 会员注册
查看: 1697|回复: 0
打印 上一主题 下一主题

[html] 网页快速提速的9个技巧

[复制链接]
yun 黑帽联盟官方人员 

920

主题

37

听众

1364

积分

超级版主

Rank: 8Rank: 8

  • TA的每日心情
    奋斗
    2019-10-18 11:20
  • 签到天数: 678 天

    [LV.9]以坛为家II

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

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

          2:CSS压缩减肥工具 自己百度搜一下
    把你的网站CSS代码复制到此框内,点击压缩化,一般都可以对CSS压缩1-5k。

          3:给JavaScript文件减肥:这个方法不同于Gzip压缩功能,缩小JavaScript文档有很多方法,同样百度搜一下,网上很多的

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

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

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

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

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

      9.网站测试速度的网站 360测速或者17ce

    在文本框中输入要测试网站的网址bbs.cnblackhat.com,然后点击按钮就开始对网站速度进行测试。稍等一段时间,可以统计出加载网站的一些详细载入数据。包括整体加载和站内图片以及JavaScript 、CSS等代码载入。可以在右侧列表选择不同文件来同时对比,最多三个对象的加载数据。而且在Loadimpact网站中还可以生成图表显示,方便我们进行分析。通过生成的数据,就会知道自己网站速度的瓶颈在哪里,从而进一步来解决问题。

    帖子永久地址: 

    黑帽联盟 - 论坛版权1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
    2、本站所有主题由该帖子作者发表,该帖子作者与黑帽联盟享有帖子相关版权
    3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和黑帽联盟的同意
    4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
    5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
    6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
    7、黑帽联盟管理员和版主有权不事先通知发贴者而删除本文

    您需要登录后才可以回帖 登录 | 会员注册

    发布主题 !fastreply! 收藏帖子 返回列表 搜索
    回顶部