优化前：

该网站是有DedeBIZ制作。

根目录执行时间1.3秒 全部加载完7.6秒。超过6秒用户就会感觉卡就会跑。

不仅加载慢 PHP执行也慢。

Google说网站速度快0.1秒，收入就会增加1%。速度快了，提高网站排名。

优化中

1、根文件慢

奇怪的是 就算换成静态文件htm 一样慢 1.7秒

域名访问1.3秒，用IP访问就快0.2秒 。

2、图片加载不合理

图片加载采用lazyload。不管是新浪 腾讯还是百度 图片加载都是采用lazyload的就是翻到哪里显示哪里的图片，不会整个页面的图片都加载了 导致程序慢

3、背景图片加载也不合理

 在不需要显示的时候就加载了，浪费了很多资源。

改成和上面的图片一样 在拉到该位置的时候前显示

Js写了以下代码

//判断是否到可视窗口

function isInViewPortOfTwo (el) {

    const screenHeight = window.innerHeight || document.documentElement.clientHeight

      || document.body.clientHeight;

    const top = el.getBoundingClientRect() && el.getBoundingClientRect().top;

    return top  <= screenHeight + 100;

}

function showbackgroundimg(){

    [].forEach.call(document.querySelectorAll(‘[data-background]’), function(div) {

    if (isInViewPortOfTwo(div)){

  div.setAttribute(“style”,”background-image: url(” + div.getAttribute(‘data-background’) + “);”+ (div.getAttribute(‘style’)!=null? div.getAttribute(‘style’):””) );

 div.removeAttribute(‘data-background’);

 }

});

}

$(window).scroll(function() {

showbackgroundimg();

});

前面的标签换成下面的

4、第三方JS占用主要程序，影响速度

为了等待加载第三方的JS,整整卡了3秒钟客户会等晕的。

不删除，但是可以调整前后执行的顺序。

按Google的要求写法 改成如下。

    window.okkiConfigs = window.okkiConfigs || [];

        function okkiAdd() { okkiConfigs.push(arguments); };

        okkiAdd(“analytics”, { siteId: “340396-16260”, gId: “” });

setTimeout(function() {

var script = document.createElement(‘script’);

    script.src = “//tfile.xiaoman.cn/okki/analyze.js?id=340396-16260-“;

    script.type = “text/javascript”;

    document.getElementsByTagName(‘head’)[0].appendChild(script);

    var script = document.createElement(‘script’);

    script.src = “https://www.googletagmanager.com/gtag/js?id=G-DJW21M68VP”;

    script.type = “text/javascript”;

    document.getElementsByTagName(‘head’)[0].appendChild(script);

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag(‘js’, new Date());

  gtag(‘config’, ‘G-DJW21M68VP’);

  gtag(‘config’, ‘AW-722253976’);

  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:

new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=

‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,’script’,’dataLayer’,’GTM-5DWZ365Z’);

gtag(‘config’, ‘AW-722253976’);

}, 8000);

GTM Google自己也带延迟加载的配置方式 提高加载速度

5、图片过大

显示只有110像素的图片 放了一个1066像素的图片

优化后

打开秒开了 1.15秒  如果换快的服务器还能更快 服务器延迟0.2秒。

其他建议

服务器换个地区 这个德国服务器的延迟有点高0.2秒 可以换美国的 打开速度还能快。一般是0.05秒延迟

不过在英国 埃及 德国延迟还可以 50 20 ms

（可以不换 只是建议）