深圳易捷网络科技注册咨询网-jiujiuya.com.cn 返回首页

高性能网站建设—CSS总结

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2019-8-14 21:55:16

易捷网络的一些平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、减少请求等方面进行处理,不光需要对网络有一定的理解,也需要对浏览器的机制以及前端的技术等有些许的了解,在这个过程中,总结出的性能黄金法则只有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、软文创作的几大误区
7、巧用论坛签名让seo优化不再复杂
8、搜索引擎营销SEM的网络推广新形式
9、深圳专业建站-高校建设门户网站的意义
10、网站制作中的局部关键点
11、我们优化自己的网站应该要注意博客、论坛外部链接建设要素
12、浅谈当下网页设计趋势
13、网络推广公司来告诉你网站建设有哪些类型
14、企业如何给自己的产品做网络推广?
15、企业网站建设7个基本流程你了解吗
16、文章关键词怎样布局比较好
17、新网站快速优化排名的方法
18、网站建设公司告诉您为什么网站打开速度要快呢
19、网站优化建设站长一定要注意质量第一位_深圳网站建设公司
20、一名老站长的多年网站优化经验分享
21、关于本地站点创业中的产品路线分析
22、网站优化举行大型活动怎么做?
23、友链推广优化工具:换链神器测试体验
24、做网站建设是一定要考虑网站跳出率的
25、三沙市网页设计应该注意哪些技巧
26、UI设计的黄金法则
27、网站优化之网站地图_
28、中小企业网络营销之对策分析
29、如何进行高端网页设计这几点很关键!
30、做网站对于图片来说有什么处理措施
31、学校建设网站能带来哪些好处
32、网站做完之后的工作同样要用心去做
33、针对不同性质的网站进行相应的文章添加
34、大型医院网站设计的栏目设置分析
35、网站运营思维:网络营销不等于网站建设
36、企业做网站最重要的是从网站细节入手
37、解密360官方推出友链交换平台的意义何在?
38、垂直门户网站的推广优化思路:越大的网站越容易
39、怎样创建公司网站?
40、用户体验:知心搜索对于草根站长是福是祸
41、一口吃不成胖子,优化切忌急功近利
42、网站流量下降的原因
43、如何编辑文章才让百度喜欢
44、应该了解的网络爬虫分类和策略
45、怎么做好网络推广的核心要素?
46、网站做SEO优化有哪些需要注意的细节
47、网站优化关键词做不上去的原因有哪些
48、网站建设浅谈搜索引擎工过程
49、网站建设
50、新时代互联网竞争激烈网站建设必须要创新

相关视频推荐

自动化行业网站制作焊锡机/点胶机/螺丝机网站
企业网站制作新模式全部仅需800元/年
如何提高企叫网站打开速度
公司网站到期了该怎小续费
企业为什么必须要做一网站
企业网站的导航栏一般要规划哪些栏目
国际物流FBA物流网站建设深圳易捷网站公司公司
银制品金银器网站建设深圳易捷网站公司
包装印刷行业网站设计
膜结构公司网站设计
工商财务公司网站设计
购买一个域名需要多少钱
企业网站建设云虚拟主机需要多少钱
财务公言的网站怎么做才能显示在搜索引擎的首页
网站建设一站式服务
深圳网站建设公司网站排行榜
深圳市易捷网络科技有限公司版权所有     粤ICP备2022153140号
best smoke alarms australia |  vape detectors