深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

高性能网站建设—CSS总结

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2025/4/4

易捷网络的一些平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、减少请求等方面进行处理,不光需要对网络有一定的理解,也需要对浏览器的机制以及前端的技术等有些许的了解,在这个过程中,总结出的性能黄金法则只有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.使用CDN

3.添加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和直接链接代码来避免重定向。

(css)

跟踪内部流量,重定向经常用于跟踪用户的流量的流向,另一种方式选择是使用Referer日志来跟踪流量去向,每个HTTP请求都包含一个URL,表明从哪个页面发起的请求,也就是引用方(有的时候没有引用页,如当用户键入URL或只用书签时)。对于内部流量,也就是专业网站建设公司各个网站之间的流量,是值得通过建立Referer日志来避免重定向,以此来节省最终用户相应时间。

跟踪出站流量。

12.移除重复脚本。

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

14.使Ajax可缓存。

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

相关行业资讯

1、装饰公司网站用户体验度优化思路
2、网站运营过程中的内容管理中内容管理的基本工作是什么
3、新站上线前应该做的工作
4、网站优化推广如何处理友情链接交换中碰到的实际问题
5、数据时代的主流——移动网站制作
6、关于网站优化的100个问答
7、网站上线前期的关键词优化制定策略
8、公司网站制作模块设计功能化
9、网站优化外链如何做的更加完美
10、企业网站如何防止被别人篡改信息
11、营销型网站建设有哪些特别之处
12、东营网站建设如何提高用户体验
13、原创文章代写真的靠谱吗
14、文章没排名长尾关键词优化技巧了解一下
15、文化馆网站建设的出路在何方
16、购物网站开发这些常见问题要知晓
17、网站的首页优化和整站优化
18、如何把网站升级到响应式为你分享几个方法
19、自己怎么创建网站 几个步骤轻松搞定
20、网站制作需要遵守的原则有哪些
21、网页设计应该考虑哪些因素
22、建设政府类型的网站如何提高用户体验效果
23、牢固的用户关系是用户体验的核心
24、网站制作公司如何提高自身的竞争力
25、网站制作浅谈网站策划及意义
26、企业想要进行网站开发重点在乎的是哪些
27、作为站长一定要有实际能力才能打拼好网站
28、网站出现崩溃是什么原因的呢
29、4问站长朋友你都具备这些了吗
30、关键词优化过程中我们经常会遇到哪些问题
31、网站页面的文字排版对网站有什么影响
32、网站字体优化对用户体验度的影响
33、谈你不知道的那些外链加减分原则
34、推广优化人员求职时必须要显露的三种本领
35、SEO如何突破网站排名的困境
36、百度越来越重视站内优化的今天站长该怎么办
37、企业网站制作客户煌胜塑胶材料黄总评价
38、地方网站运营专题
39、网站SEO人员优化常用的不同外链形式解析
40、这么多网站建设公司要怎么选择
41、网站改版:了解这些知识再下手
42、提高网站关键词排名这些步骤很是重要
43、电子商务网站如何建设?
44、在美国最赚钱的15门编程语言和技术
45、专业网站设计制作如何提升网页品质
46、新手必看的网站建设核心组成部分
47、搜索引擎优化的5个关键要素
48、网站优化哪些方法不可取
49、网页设计怎么做更完美
50、宝安沙井怎么打造品牌网站建设?
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号