249045439
网站制作

网站制作CSS编码用总结

发表日期:2025-05-22   作者来源:www.cvrcoj.com   浏览:329   标签:    

腾虎互联网的一些平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、降低请求等方面进行处置,不光需要对互联网有肯定的理解,也需要对浏览器的机制与前端的技术等有的许的认知,在这个过程中,总结出的性能黄金法则只有10%~20%的更终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。

1.降低HTTP请求,图片地图、CSSSprites、内联图片和脚本、脚本和样式表的合并。

2.用CDN(北京网站制作的内容发布互联网)。

3.添加Expires头,修订文件名,譬如为常常需要改变的文件添加版本号等。

4.压缩组件,即降低HTTP相应的大小来减小响应时间。

5.将样式表放在顶部,降低“白屏(BlankWhiteScreen)”现象,尽可能用link标签将样式表放在文档HEAD中。

6.将脚本放在底部,并行下载,脚本阻塞。

7.防止CSS表达式,用“一次性表达式”,事件处置器。

8.用外部Javascript和CSS,纯粹而言,内联比外联快。加载后下载。

一些平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、降低请求等方面进行处置,不光需要对互联网有肯定的理解,也需要对浏览器的机制与前端的技术等有的许的认知,在这个过程中,总结出的性能黄金法则只有10%~20%的更终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。

1.降低HTTP请求,图片地图、CSSSprites、内联图片和脚本、脚本和样式表的合并。

2.用CDN3.添加Expires头,修订文件名,譬如为常常需要改变的文件添加版本号等。

4.压缩组件,即降低HTTP相应的大小来减小响应时间。

5.将样式表放在顶部,降低“白屏(BlankWhiteScreen)”现象,尽可能用link标签将样式表放在文档HEAD中。

6.将脚本放在底部,并行下载,脚本阻塞。

7.防止CSS表达式,用“一次性表达式”,事件处置器。

8.用外部Javascript和CSS,纯粹而言,内联比外联快。加载后下载。

(用cookie技术来达成)

9.降低DNS查找(ReduceDNSlookups),DNS缓存和TTL。

10.精简Javascript。混淆和节省,(工具:JSMin和DojoCompressor),压缩和精简(GzipandMinification),精简CSS,更大的节省来自优化CSS-合并相同的类,移除不用的类,更佳解决方法还是移除注解和空格,并进行一些直观的优化,譬如用缩写(用“#606”代替“#660066”)和移除非必须的字符串(用“0”代替“0px”)。

11.防止重定向。

缺少结尾的斜线:有一种重定向更为浪费、发生的也非常频繁的,但Web开发职员一般都没意识到它。即“缺少结尾的斜线”。如:访问http://xx.com/xxx时,会致使一个301相应,其中包括一个到http://xx.com/xxx/的重定向。当然主机名后缺少结尾斜线是不会发生重定向的,如访问http://baidu.com,但在浏览器中看到的更终URL还是包括结尾斜线的,致使自动产生斜线是什么原因,浏览器在进行GET请求时需要指定一些路径,假如没路径,就会简单的用法文档根(/)。

连接网站,一般是用户从旧的URL转移到新的URL的更简单的方法就是重定向,可以通过Alias、mod_rewrite、DirectorySlash和直接链接代码来防止重定向。

跟踪内部流量,重定向常常用于跟踪用户的流量的流向,另一种方法选择是用Referer日志来跟踪流量去向,每一个HTTP请求都包括一个URL,表明从什么页面发起的请求,也就是引用方(有些时候没引用页,如当用户键入URL或只用书签时)。对于内部流量,也就是专业网站制作公司每个网站之间的流量,是值得通过打造Referer日志来防止重定向,以此来节省更终用户相应时间。跟踪出站流量。

12.移除重复脚本。

13.配置ETag,实体标签(EntityTag)是Web服务器和浏览器用于确认缓存组件的有效性的一种机制。

14.使Ajax可缓存。

其他:抓包探测工具,如IBM Page Detailer和HttpWatch等,理解SSL响应式可缓存的,YSlow等级是页面响应的强指标,YSlow和FireBug结合。

如没特殊注明,文章均为厦门做网站的公司 原创,转载请注明来自https://www.xqpze.com/news/list/2/https://www.xqpze.com/news/zhizuo/460.html