网站首页php

web页面优化基础方案

发布时间:2016-11-22 03:09:57编辑:slayer.hover阅读(1133)

           

    一、页面静态化。

        一般使用首页静态、内页使用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;
     
        }



评论