找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2338|回复: 1

[分享] 怎么提高网站页面载入速度

  [复制链接]
发表于 2012-5-4 14:14:19 | 显示全部楼层 |阅读模式 来自 中国–上海–上海
  压缩CSS:
  大部分网站为了达到较好的视觉效果,使用CSS来对网站的图片文字等进行定义,从而造成CSS代码繁冗。代码中的每一个空格,换行符,逗号,及代码注释等都无形的增加了整个页面的体积,影响网站页面的加载速度。
  针对这种情况,我们的建议是压缩CSS代码的体积(备份代码源文件以便后期再编辑)把网页代码中上面提及的意义不大的空格,换行符等删除压缩代码,一般在进行此项操作后,平均页面体积能节省20%-30%的空间。网站规模越大,压缩CSS代码后能节省的空间便越大。
  注:在压缩CSS的同时也可以压缩页面内的JavaScript代码。
  减少页面文件请求数:
  一般情况下,页面加载时向服务器端请求文件/数据量越多,加载的时间越长,速度越慢。在网站建设过程中,尽可能的避免使用CSS替代部分图片功能,如按钮等可以使用CSS定义,避免对过多图片的请求。同时注意把CSS文件和JS文件合并,尽量减少对此类文件的请求数量。
  另一方面,通过对浏览器缓存的设置,延长部分页面资源的有效时间,避免用户在加载时重新下载也不是为一个好办法。
  图片优化:
  网站或多或少都会使用图片来使网站变的更加有吸引力或者好看,往往大家在使用图片的时候为了达到较好的视觉效果,忽略了图片本身的体积大小,从而加重了页面加载的负担。因此网站的图片选择应当是在不影响视觉效果的前提下,采用体积较小的图片格式,如一般情况下PNG格式的图片比JEPG的图片小。
  根据Pagespeed对网页资源的分析,我们能很清楚的看到影响我们页面加载速度的原因,并对症下药。更多的方法如减少页面重定向,压缩HTML,启用压缩,CND等应根据网站的实际情况及问题的严重性具体分析,这里就不一一罗列了。希望Pagespeed能很好的帮广大站长朋友发现问题,并提供解决问题的思路,进而提高网站的加载速度,优化用户体验。
  文章由小Qin整理:转载请著名出处精神病医院:http://www.110dxb.com/

评分

参与人数 1金币 -20 收起 理由
lala619633 -20 分享类不能带链接

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2012-5-4 15:04:18 | 显示全部楼层 来自 中国–广东–深圳
根据Pagespeed对网页资源的分析,我们能很清楚的看到影响我们页面加载速度的原因,并对症下药。更多的方法如减少页面重定向,压缩HTML,启用压缩,CND等应根据网站的实际情况及问题的严重性具体分析,这里就不一一罗列了。希望Pagespeed能很好的帮广大站长朋友发现问题,并提供解决问题的思路,进而提高网站的加载速度,优化用户体验

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-24 06:30 , Processed in 0.054195 second(s), 11 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表