网站首页php

web页面优化基础方案

发布时间：2016-11-21 19:09:57编辑：slayer.hover阅读（5099）

       

一、页面静态化。

    一般使用首页静态、内页使用url rewrite伪静态方式。

    页面上必须使用动态数据的地方使用ajax方式调用，js填充数据。

二、数据库内容缓存。

    减少读数据库的次数，频繁使用的数据用redis或memcached存取。

三、优化图片。

    把所有的小背景图片合并成一张，使用css控制显示局部图片。

    不要在html里缩放图像,指定图像尺寸(img标签里和css里)。

四、使用CDN加载第三方js及静态资源。


五、合并压缩css, js等资源文件减少http请求次数。压缩减小图片大小。


六、图片比较多的话，使用lazy load image，延迟加载。

七、浏览器缓存js,css,图片等静态资源。


    在服务器端强制要求浏览器缓存文件，并设置过期时间，未到期前浏览器直接使用本地缓存文件，不与服务器端通信。   

<meta http-equiv="Cache-Control" content="max-age=7200" />
<meta http-equiv="Expires" content="Mon, 20 Jul 2009 23:00:00 GMT" />

八、外部脚本。

    统计，分享等js在页面onload之后加载。

    把样式表置于顶部，脚本置于页面底部。

九、服务端启用http/2, 开启gzip压缩

    nginx.conf文件里加入：

server{
            gzip on;
            gzip_comp_level 6;
            gzip_proxyied;
            gzip_types text/plain text/css text/javascript text/xml application/xml 
                  application/xhtml+xml application/xml+rss application/json;
            gzip_vary on;
 
    }