最新消息:欢迎加入小松的QQ群一起讨论一起学习,服务器快到期了,新买了台服务器,最近要做服务器迁移

网站打开速度优化-前端篇

前端技术 1503浏览 0评论

减少http请求
具体的方式为
1.多个小图片合成一个大的图片然后又定位的方式取图片,专业点的叫法CSS sprites
2.多个css合并减少个数,最好只有一个css 文件
3.多个js合并减少个数。
4.可以把部分图片设置成内嵌图片
使用CDN缓存图片
国内有很多免费的CDN如,百度的su.baidu.com,国内的CDN都要域名备案的,
使用多个域名
目前的游览器支持多个域名并发连接的,下图是各个游览器的并发连接数

游览器并发数

如果网站地址为www.phpsong.com,那么图片地址为img.phpsong.com,js地址为js.phpsong.com,css为css.phpsong.com
多个域名不是越多越好,因为,每个域名都要有dns解析的时间,这里还有一点就是,静态文件要用别的域名,原因是,www.phpsong.com有cookie头,css.phpsong.com没有cookie所以速度更快
压缩CSS和JS大小
网上和很多工具可以压缩css和js的,这里提供一个链接http://tool.chinaz.com/Tools/CssFormat.aspx
js和css的位置
css要放到head里这样页面加载到外部的css那行代码,外部的css就可以加载了,页面加载和css加载同步进行
js代码要放到最后,游览器的加载的过程中遇到<script>标签就先加载完js才能往下加载,也就是阻塞页面

QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» 网站打开速度优化-前端篇
本文链接地址:https://www.phpsong.com/120.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!