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

高性能网站建设—CSS总结

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

易捷网络的一些平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、减少请求等方面进行处理,不光需要对网络有一定的理解,也需要对浏览器的机制以及前端的技术等有些许的了解,在这个过程中,总结出的性能黄金法则只有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、白帽SEO优化存在哪些风险
3、简约风格的商务网站设计有什么好处
4、 移动互联网SEO未来的发展将何去何从
5、来说说微信营销定位精准客户的几种方法!
6、如何合理选择服务器放置网站
7、百度竞价排名后台优化技巧
8、易捷网络建站:公众号建设步骤有哪些
9、网站制作浅谈如何建设好的用户体验
10、人工智能对眼健康的贡献
11、SEO优化之图片技巧
12、想做好SEO优化就必须先做好内容营销
13、女性站点站内优化如何把内容做的有声有色
14、2017年如何战胜竞争对手之企业站SEO篇
15、如何做好响应式网站的前端设计
16、做外链不如做品牌关键词
17、如何正确吸引百度蜘蛛
18、做网站网站建设公司与客户之间的几个重要问题!
19、企业网站建设应特别注意的六个方面
20、深圳网站建设营销如何做才能有效果
21、付费推广账户优化时,如果转化低,还可以通过以下三个方面去处理
22、如何让自己的企业网站排名尽量靠前
23、企业网站制作要多做网站的伪原创文章
24、Banner是什么意思,网站banner设计与广告怎么做
25、有哪些因素影响搜索引擎排名
26、网站实现盈利的四大原则
27、为什么你的seo优化达不到预期效果
28、网站建设应该怎么样考虑主页的设计
29、网站设计时色彩搭配的重要性
30、网站前端切片的普及知识
31、网站制作不提升客户信任感也是枉然
32、品牌网站制作解决方案七步走
33、PC端做好长方形界面设计,需要做到这几点
34、提升网站转化率的四步优化方案
35、建设高质量企业网站的方法
36、site首页域名不在第一的原因有哪些
37、说说360搜索引擎的一些独特之处
38、网站运营者该如何从数据中分析访客体验度
39、5G来了,网站制作设计要突出哪些
40、软文建设质量比数量更重要
41、域名解析网站的时候容易遇到的问题
42、营销型网站制作如何做qq群推广的
43、怎么建网站需要投资多少钱
44、网站制作浅谈搜索引擎工过程
45、网站设计师提升设计的方法
46、用户体验始终是优化过程中的硬伤
47、网站数据分析:怎样合理地定义用户流失
48、网页打开速度慢是哪些原因导致的
49、卢松松:使用百度站内搜索提升用户体验
50、如何做好网站优化,网站设计时这些因素需考虑
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号