当前位置:380元网站建设 虎网站 > 行业新闻 > 正文

网站建设CSS编码使用总结

发布日期:2019-08-29

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


1. 减少HTTP请求,图片地图、CSS Sprites、内联图片和脚本、脚本和样式表的合并。


2. 使用CDN(北京网站建设的内容发布网络)。


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


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


5. 将样式表放在顶部,减少“白屏(Blank White Screen)”现象,尽量使用LINK标签将样式表放在文档HEAD中。


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


7. 避免CSS表达式,使用“一次性表达式”,事件处理器。


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


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


1. 减少HTTP请求,图片地图、CSS Sprites、内联图片和脚本、脚本和样式表的合并。


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


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


5. 将样式表放在顶部,减少“白屏(Blank White Screen)”现象,尽量使用LINK标签将样式表放在文档HEAD中。


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


7. 避免CSS表达式,使用“一次性表达式”,事件处理器。


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



(使用cookie技术来实现)


9. 减少DNS查找(Reduce DNS lookups),DNS缓存和TTL。


10. 精简JavaScript。混淆和节省,(工具:JSMin和Dojo Compressor),压缩和精简(Gzip and  Minification),精简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,实体标签(Entity Tag)是Web服务器和浏览器用于确认缓存组件的有效性的一种机制。


14. 使Ajax可缓存。 


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

马尔代夫的旅游词(马尔代夫分夫详细介绍?)

    你认为中国最美的旅游景区是哪一个? 谢邀。之前回答过一个类似的问题,重新整理了一下,希望这次能答好。 因为喜欢旅行,全国各地的景点景区去了很多,慢慢的对那些人头攒动的景区失去了兴趣。开始自己规划行程,到那些人少但有特色的景区旅行。去年秋季,错开十一长假,我去了内蒙古最西端的偏远小城额济纳旗,去看胡杨林,我认为这里的深秋有国内最好的景色,非常值得一去。 当天下午自额济纳乘车去怪树林景区,为什么叫怪...

       南京建邺利景力防伪商标同虎网科技签署做网站项目 利景力选用虎网站企业商务型网站案例,其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化,不管是内页还是标题都能够独立和个性化设置关键词和长尾词,更适合进行全站seo优化。利景力位于南京市建邺区江东中路303号03幢1单元403、404室。利景力是经南京市建邺区工商局审核的有资质公司,统一社会信用代码:91320105MA1MQL6499。同时经国家工信部和江苏省通信管理局审核通过IC...

       怎么给个人网站建设风格定位 建设网站有个人网站和企业网站之分,前面咱们都说的是企业网站网站建设,今天咱们就来说说咱们站长个人的网站建设的问题。虎网科技(西安网站建设)以为个人建站讲求的是自己个人的风格,而且个人网站不需要那么多花里胡哨的图片和精美网页,也不需要太多太多的内容和网站功能。给自己的网站做个风格定位的话,小编认为咱们个人站长走个简约风即可了。 { 关注虎网科技(西安网站建设、西安网站制作),每天为你推送网站建设纯干...

        网站建设中有哪些细节不可以忽视呢 当我们想要做线上推广时,企业官网一般是首选,进行网站建设时,我们的目的有两个:一是推广我们自己的企业品牌、形象等,二是通过产品展示让游客驻足并产生询盘。一个可以帮助用户的网站,以及我们所做的工作可以被用户识别,细节非常重要。 一,网站主页设计 首先,我们需要注意网站主页的设计。该网站的主页是用户第一次看到它。现在大多数用户都喜欢简单明了,舒适简洁的页面,所以在设计主页时,务必注意细节,避免网站资料...

       深圳福田绿电光电设备同虎网科技签署网站建设合作协定 绿电坐落于深圳市福田区梅华路梅林多丽工业区1栋1楼。绿电是经深圳市福田区工商局审核的正规企业,统一社会信用代码:9144030008249033X9。同时经国家工信部和广东省通信管理局审核通过ICP备案;备案号:粤ICP备19391号。绿电选用虎网站定制型网站案例,此类网站主要是按客户要求和提供的风格案例或效果图纸来做,这种属于仿制和定制型网站,是根据功能开发的难易度来评估报价的,价格相对较高,适...

       网页优化作弊行为7大种 除非你不希望 搜索引擎 检索你的网页,否则不要给你的网页加密。 网页容量  包括图像在内的网页字节数最好不要超过 50K 。体型庞大的网页下载速度慢,不仅会让普通访问者等得心急如焚,有时也会使“蜘蛛”程序感到不耐烦。 独立域名与付费虚拟主机  目前搜索引擎都不愿收录位于免费主页空间上的网站。其理由是,既然你认为自己的网站如此重要,以至于需要登录搜索引擎让天下人都知道,那么你没有理由还...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读