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

高性能网站建设—CSS总结

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

易捷网络的一些平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、减少请求等方面进行处理,不光需要对网络有一定的理解,也需要对浏览器的机制以及前端的技术等有些许的了解,在这个过程中,总结出的性能黄金法则只有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、空间不支持301重定向怎么办,该如何解决
5、推广优化当真靠谱,不靠谱的只是部分推广专员罢了
6、绵阳网站建设前期需要考虑那些问题
7、最令人抓狂的网站被K的10种原因
8、建站系统的发展
9、做网站优化时应该注意哪些地方
10、网络编辑应熟知的7个基本推广优化技巧
11、关于GoogleAdWords的网站链接的10个特点
12、网站建设中怎么才能提升网站效果
13、SEO技术的远程效益搜索引擎优化
14、企业网站建设跳出率多少合适呢超过这个线就需要好好做反省了
15、企业做网站不要使用超过3种以上的字体
16、交互功能运用的要遵循哪些基本原则
17、利用博客提高网站排名是最好的方法
18、一个新人站长对网站推广优化的几点拙见
19、德阳网站建设都有哪些必备知识
20、推广优化分享:关键词不上不下怎么办
21、利用新浪博客做外链是否到头了
22、网站快速收录的几个方法
23、2014年各种编程语言的薪资和市场需求
24、手机网站建设销售模块
25、平台商铺型网站有哪些特点
26、推广优化的误区两大分析
27、什么样的文章用户喜欢搜索引擎也喜欢
28、成都企业网站建设有什么用
29、“外链为皇”的规则将要改变
30、如何写网站的文章
31、为什么大家都在选择百度排名优势你了解吗
32、网站开发的过往历程
33、手机网站建设网站的结构规划
34、浅谈网站关键词分析的五大技巧
35、如何做到让网站被百度秒收录的
36、网站建设市场化因素分析
37、网站运营网站策划人员需具备的8种思想
38、网站建设之展示型的建设方案
39、怎么做竞价推广效果好
40、网站制作与规划需要哪些内容
41、远程ftp常见错误问题
42、深圳地区大型企业手机网站建设哪些公司好
43、新站官网如何做SEO优化快速排名靠谱吗
44、站建设如何做到突出功能增强用户吸引力
45、SEO应避免过多的关键字优化
46、用纯table架构网站页面的都是耍流氓
47、企业网站建设之底部设计要注意哪些细节
48、排名浮动操作心得体会分享
49、企业做网站Flash型
50、决定百度竞价推广的效果的因素有哪些

相关视频推荐

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