遵循web标准 网页前端得3类优化

2016-02-20 00:08 2 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的遵循web标准 网页前端得3类优化,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

悟道web标准:前端性能优化

前端性能优化完全是一个技术话题,但是对于项目的用户体验有非常大的影响,如果你的网站打开要等待三五秒或者等到浏览器提示无法连接,那网站哪来的流量,哪来的品牌影响和用户忠诚度,挣钱就算了。

3s,作为判断一个用户忍受你网站速度的限度,如果超过3s,用户已经对这个网站产生了负面的抵触心理。
前端性能优化和web标准有什么关系,接着第一篇 悟道web标准统一思想,遵循标准 ,这是对你遵循web标准的一个补偿或者是对标准的一个认可。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

引用:

前端性能优化了解yahoo性能优化N条的同学应该不会陌生,安装一个YSlow评分并对照着优化就可以了,但是有没有想过为什么要这么做就可以提升速度,这些与Web标准有没有某种关联或者因果呢。

我把这些个条目分成三类,服务端运算优化,传输优化,客户端运算优化:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

第一类,服务器端优化

服务器端就是对你的网站的动态语言的执行(asp,php),数据库查询,存储等速度,总的来说就是输入/输出的运算。这些跟前端没关系,但是影响着前端。YSlow里面没有,鬼知道你网站的服务器性能如何,看不出来,就自行优化服务器性能,数据库性能,多买点服务器扩容。
yslow有一条尽早刷新 Buffer (Flush the Buffer Early),貌似是不等html完成生成就传输。
提高域名的DNS解析速度。减少DNS的解析个数。这个不好归类,暂时放到这里吧。

来源:https://www.tulaoshi.com/n/20160220/1631354.html

延伸阅读
标签: Web开发
遵循Web标准的思想,网页要表现出一种亲和力。那么,针对残障用户来说,其阅读器可不能读取图像上传递的信息的。 所以我们会采用一种Using Background-Image to Replace Text的方法,也就是将图像以背景图像的方式插入网页显示,同时为了让残障人士能了解该部分信息,显示该图像的区域用文本加以说明;但又为了让正常人不为既看到背景图像又...
标签: Web开发
原文: http://www.alistapart.com/articles/beyonddoctype 作者:Aaron Gustafson  译者:zhaozy in 3user.com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了...
标签: Web开发
我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。 Step 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。 首先是xhtml代码,不是很多,知道他们如何使用...
标签: Web开发
最近终于有心情把我的CSS重构一下。。由于这种写法的一部分是我自己琢磨出来的,带有偏好的做法。 仅供参考。如果采用后被同事取笑,老板罚款,本人概不负责。 我重构的时候,学习了一些行业标准的做法。主要思路
标签: Web开发
怎样才是符合web标准? 简单说就是不用HTML+table来设计页面,改用XHTML+CSS来实现。 怎样是代码校验? 代码校验就是检查你制作好的页面是否完全符合web标准。通常可以到W3C的网站去校验。 什么是DocType,有什么用? DOCTYPE是document type(文档类型)的简写,用来说明你的网页是什么标识语言(XHTML或者HTML)是什么版本。 我应该使用是么样...

经验教程

810

收藏

16
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部