Wen前端性能优化

Web前端性能优化css

    通常说来Web前端指网站业务逻辑以前的部分,包括浏览器加载、网站视图模型、图片服务、CDN服务等。主要优化手段有优化浏览器访问、使用反向代理、CDN等。前端

    1、浏览器访问优化浏览器

    减小http请求:缓存

      HTTP协议是无状态的协议,意味着每次HTTP请求都须要创建通讯链路、进行数据传输,而在服务器端,每一个HTTP都须要启动独立的线程去处理。安全

      减小HTTP的主要手段是:性能优化

      a)      合并CSS服务器

      b)      合并JavaScript网络

      c)      合并图片前端性能

    一、  使用浏览器缓存函数

    对于一个网站来讲,CSS、JavaScript、Logo、图标这些静态资源文件更新的频率都比较低,而这些文件又几乎是每次HTTP请求都须要的,若是将这些文件缓存在浏览器中,能够极好地改善性能。经过header函数设置HTTP头中Cache-Control和Expires的属性,可设定浏览器缓存,缓存时间能够是数天、甚至是几个月。

              例子:header('Cache-Control: max-age=3600*24')//缓存1天,表示最大生存期是1天,超过1天浏览器必须去服务器从新读取,这个时间是从用户第一次读取页面时开始计时的

        在某些时候,静态资源文件变化须要及时应用到客户端浏览器,这种状况,可经过改变文件名或者给文件名加上版本实现。

          <link href=”/c/style.css?version=2” />

     二、CSS放在页面最上面,JavaScript放在页面最下面

    浏览器会在下载完 所有CSS以后才会对整个页面进行渲染,所以最好的作法是将CSS放在页面最上面,让浏览器尽快下载CSS。JavaScript则相反,浏览器在加载JavaScript后当即执行,有可能会阻塞整个页面,形成页面显示缓慢,所以JavaScript最好放在页面最下面。

       三、减小COOKIE传输

    COOKIE包含在每次请求和响应中,太大的Cookie会严重影响数据传输,所以要尽可能减小Cookie中传输的数据量。

 

    2、CDN加速

    CDN(Content Distribute Netword,内容分发网络)的本质依然是一个缓存,并且将数据缓存在离用户最近的地方,使用户以最快速度获取数据。

         CDN可以缓存的通常是静态资源,如图片、文件、CSS、JavaScript脚本、静态网页等。因为这些文件访问频率很高,将其缓存在CDN可极大改善网页的打开速度。

 

    3、反向代理

    反向代理的做用:一、保护网站服务器安全  二、加速Web请求响应速度

         传统代理服务器位于浏览器一侧,代理浏览器将HTTP请求发送到互联网上,而反向代理服务器位于网站机房一侧,代理网站Web服务器接受HTTP请求。

    

    和传统代理服务器能够保护浏览器安全同样,反向代理服务也具备保护网站安全的做用,来自互联网的访问请求必须通过反向代理服务器,至关于在Web服务器和可能的网络攻击之间创建了一个屏障。

         除了安全功能,反向服务器也能够经过配置缓存功能加速Web请求。当用户第一次访问静态内容的时候,静态内容就被缓存在反向代理服务器上,这样当其余用户访问该静态内容的时候,就能够直接从反向代理服务器返回,加速Web请求响应速度,减轻Web服务器负载压力。

相关文章
相关标签/搜索