开发技术学习

你手上的网站是否很慢啊？明明本地测试速度很快，可为什么一上传到服务器上就变慢了呢？看一下下面那些是你没有做的优化。 一个精美的网站，加载速度一定不能太慢。一个网站的友好程度，一在于网站外观，也就是界面UI交互上的友好性；二就是网站的打开速度了，速度不仅会影响到访客的信任，还会直接影响网站的营收。甚至决定搜索引擎收录的好坏也有网站速度这一项。 1.使用尽可能优的线路 巧妇难为无米之炊，一个的网站，都会选用好的服务商来托管网站。服务商带宽的质量，直接决定了网站的响应延迟。所以，选择优质的服务商，对网站的速度，有不可抹灭的作用。 2. 服务器带宽 服务器的带宽，也许对网站速度影响不是特别大，但对于高峰访问时，网站一但因带宽堵塞而停服，造成的信任危机将不可相像。所以，网站的服务器带宽，一定要对得起自己的网站哈哈。 3.提高代码执行效率 这里指的代码分两处，一是服务器上程序代码执行的效率，二是页面上的程序执行效率。前者如果执行时阻塞，将导致网站长时处于加载状态。后者如果阴塞，将会引起页面假死、请求堵塞，间接导致整个页面打开速度变慢 4.尽量避免HTTP错误 标签浏览器遇到一般的HTTP错误，都不接受缓存的，也就是，页面上一直存在 这个错误请求，浏览器在后面访问到这个页面的时间就会每次都要尝试，国内网站一般会有300ms左右的阻塞（chrome/firefox 要好一些，是并行加载），国外的阻塞更久。所以，为了提升访客体验，尽量避免HTTP错误。 5.为网站静态元素配置HTTP头 通常，网站的静态元素无需每次都请求，这样既浪费了服务器资源、带宽，也浪费了访客的流量，并且这还会让访客每次下载静态元素，长时间处于等待状态，对访客体验，有损无益。 6.优化Cookie 通常COOKIE会直接突破前端缓存，并且COOKIE通常对于静态元素请求来说，是完全无用的。所以，设置COOKIE时，尽量避免与静态元素混： 为静态元素分配不同的域，这样可以避免静态元素在请求时发出COOKIE数据，积少成多，COOKIE给网站带来的压力也不可小视的 兼容HTML5，避免使用Cookie储存数据。HTML5是先进的页面技术，HTML5标准支援浏览器的图片处理、3D、储存和本地SQL，使用本地储存替代COOKIE，不仅可以节省网站流量，更会为网站带来意想不到的效果。但是HTML5并非所有浏览器都支持，所以，得要想好兼容性问题。 7.请求合并 对一个页面来说，只需一个CSS请求 一个JS请求就OK了。而图片之类的可以css sprite。 8.减少DNS查询 一个页面上的所有DNS查询，在为静态元素分配不同的域后，越少越好。因为DNS查询直接带来代价的时间的开销。 文章来源：阿里云