maikehong 发表于 2024-4-26 01:26:49

网站加载太慢,优化一下

<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="侠客影视官网">
    <meta name="description" content="侠客影视是一款专注于影视方面建设开发!">
    <meta name="robots" content="max-image-preview:large">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-transform, no-siteapp">
    <link rel="canonical" href="http://xktv6.icu">

    <!-- 压缩、合并后的CSS和JS文件 -->
    <link rel="stylesheet" href="./css/style.min.css" type="text/css" media="all">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" async></script>
    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js" async></script>
    <script src="https://myhkw.cn/player/js/jquery.min.js" async></script>

    <!-- 压缩后的图标 -->
    <link rel="shortcut icon" href="./images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="./images/favicon.ico">
    <meta name="msapplication-TileImage" content="./images/favicon.ico">
    <input type="hidden" id="_w_simile" data-inspect-config="3">
    <meta name="apple-mobile-web-app-title" content="侠客影视官网">
    <title>侠客影视官网</title>
</head>


<body>
    <div class="header">
      <div class="header-main">
            <div class="image">
                <img data-src="./images/qqtxk.png">
                <img data-src="./images/1.png">
            </div>
            <div class="name">
                <p>侠客影视官网</p>
            </div>
            <div class="lxfs">
                <div class="qq">
                  <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=W7ecub4KKODb1dEDiUXXSCg_qf41jnA8&authKey=ufdL7ZlWAZwYJ8sXxtII7nxlfi8YYKYCaMblREpWUP6kj64qBGhWv%2FLhZsu%2FTWiG&noverify=0&group_code=151376814" target="_blank">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-QQtubiao"></use>
                        </svg>
                  </a>
                </div>
                <div class="kuaishou">
                  <a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-kuaishou"></use>
                        </svg>
                  </a>
                </div>
                <div class="weibo">
                  <a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weibo"></use>
                        </svg>
                  </a>
                </div>
                <div class="douyin">
                  <a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-a-preview_icon_douyin_pre3x"></use>
                        </svg>
                  </a>
                </div>
            </div>
            <div class="pmd">
                <div class="pmdicon">
                  <svg class="icon" id="pmd-icon" aria-hidden="true">
                        <use xlink:href="#icon-gonggao"></use>
                  </svg>
                </div>
                <div class="zimu">
                  <marquee>欢迎使用侠客影视,感谢大家的支持!您可以收藏本站添加至书签!</marquee>
                </div>

            </div>
            <div>

            </div>
      </div>
    </div>

    <!-- 右下角悬浮卡片 -->
    <div class="xfkp" id="xfxkp">
      <div class="biaoti">侠客影视官网</div>
      <div id="jzsc"></div>
      <div class="text">你好陌生人,欢迎来到侠客影视!</div>
      <div class="zanzhu" onclick="skmkq()">
            <p>赞助一下</p>
      </div>
      <div class="xfkpgb" onclick="guanbi()">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-guanbi"></use>
            </svg>
      </div>
    </div>
    <!-- 右侧菜单栏 -->
    <div class="yccdl">
      <div class="zhiding" id="zhidingan" onclick="zdtop()">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-zhiding"></use>
            </svg>
      </div>
    </div>
    <!-- 收款码 -->
   <div class="skm-box" id="skmqk">
    <div class="skm">
      <div class="skm_img_p">
            <img data-src="./images/qqskm.jpg" alt="" loading="lazy">
            <p>QQ收款码</p>
      </div>
      <div class="skm_img_p">
            <img data-src="./images/wxskm.jpg" alt="" loading="lazy">
            <p>微信收款码</p>
      </div>
      <div class="skm_img_p">
            <img data-src="./images/zfbskm.jpg" alt="" loading="lazy">
            <p>支付宝收款码</p>
      </div>

      <span onclick="guanbiskm()">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-guanbi"></use>
            </svg>
      </span>
    </div>
</div>


    <div class="title-icon" id="title-icon1">
      <img data-src="./images/image-23-1024x76.webp" alt="仙女棒装饰">
    </div>

    <div class="zhandian-box">
      <div class="title">
            <div class="zd">
                <img data-src="./images/0e1514c1-bc0e-424c-8bdf-5c065b2a1e75.png" alt="">
                <h2>我的站点</h2>
            </div>
            <div class="sangedian">
                <span></span>
                <span></span>
                <span></span>
            </div>
      </div>

      <div class="zhandian-list">
            <div class="zhandian">
                <a href="http://1.xkys.link/">影视网页端</a>
            </div>
            <div class="zhandian">
                <a href="http://app.xktv6.icu/doc/DpcA.php">影视安卓端</a>
            </div>
            <div class="zhandian">
                <a href="http://app.xktv6.icu/doc/LnhH.php">影视TV端</a>
            </div>
            <div class="zhandian">
                <a href="http://app.xktv6.icu/doc/LbfQ.php">侠客直播</a>
            </div>
            <div class="zhandian copy-btn" id="qiaoer" data-clipboard-text="http://xktv6.icu/tv">
                <a href="#">影视接口</a>
            </div>
            <div class="zhandian">
                <a href="#">我的站点6</a>
            </div>

      </div>

    </div>

    <div class="title-icon">
      <img data-src="./images/image-23-1024x76.webp" alt="仙女棒装饰">
    </div>
    <!-- 团队成员 -->
    <div class="tdcy">
      <div class="rwt">
            <img data-src="https://jx3.xoyo.com/zt/2014/11/21/zt/menpai/assets/images/mp-btyz/per.png" alt="">
      </div>

      <div class="tdcybt">
            <h3>我的团队</h3>
      </div>


      <div class="box" data-loaded="false">
            <div class="tab">
                <ul>
                  <li id="txfg" class="tablinks" onclick="openTab(event, 'tab1')">
                        <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=1131522093&spec=640&img_type=jpg" alt="成员1头像">
                  </li>
                  <li class="tablinks" onclick="openTab(event, 'tab2')">
                        <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=38869554&spec=640&img_type=jpg" alt="成员2头像">
                  </li>
                  <li class="tablinks" onclick="openTab(event, 'tab3')">
                        <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=2714941511&spec=640&img_type=jpg" alt="成员3头像">
                  </li>
                  <li class="tablinks" onclick="openTab(event, 'tab4')">
                        <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=2532912465&spec=640&img_type=jpg" alt="成员4头像">
                  </li>
                  <li class="tablinks" onclick="openTab(event, 'tab5')">
                        <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=3563165324&spec=640&img_type=jpg" alt="成员5头像">
                  </li>

                </ul>
            </div>

            <div id="tab1" class="tabcontent"><!--第一个成员信息介绍-->
                <div class="cy-top">
                  <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735092616/1695718027_829394697_15981_sProdImgNo_3.jpg/0"
                            alt="">
                  </div>

                  <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=1131522093&spec=640&img_type=jpg" alt="">
                        </div>
                        <p><b>网名:</b>一轩</p>
                        <p><b>QQ:</b>1131522093</p>
                        <p><b>专业:</b>编程技术</p>
                        <p><b>技能:</b>搭建源码</p>
                        <p><b>熟练指数:</b>⭐⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签:</b></div>
                            <div id="bq1" class="biaoqian1">PHP</div>
                            <div id="bq2" class="biaoqian1">搭建</div>
                            <div id="bq3" class="biaoqian1">泡妹子</div>
                        </div>
                        <p><b>个人介绍:</b>没有bug的程序不是完美的!</p>
                  </div>

                </div>


            </div>

            <div id="tab2" class="tabcontent"><!--第二个成员信息介绍-->

                <div class="cy-top">
                  <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735101317/1697189214_829394697_41997_sProdImgNo_6.jpg/0"
                            alt="">
                  </div>

                  <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=38869554&spec=640&img_type=jpg" alt="">
                        </div>
                        <p><b>网名:</b>空白</p>
                        <p><b>QQ:</b>38869554</p>
                        <p><b>专业:</b>影视</p>
                        <p><b>技能:</b>程序员</p>
                        <p><b>熟练指数:</b>⭐⭐⭐⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签:</b></div>
                            <div id="bq1" class="biaoqian1">爬虫</div>
                            <div id="bq2" class="biaoqian1">逆向</div>
                            <div id="bq3" class="biaoqian1">撩妹达人</div>
                        </div>
                        <p><b>个人介绍:</b>每天就是,视频网站切片,在写爬虫,js逆向,修改html忙的不可开交!</p>
                  </div>

                </div>

            </div>

            <div id="tab3" class="tabcontent"><!--第三个成员信息介绍-->

                <div class="cy-top">
                  <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735081409/1691977442_829394697_19123_sProdImgNo_6.jpg/0"
                            alt="">
                  </div>

                  <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=2714941511&spec=640&img_type=jpg" alt="">
                        </div>
                        <p><b>网名:</b>Richie.</p>
                        <p><b>QQ:</b>2714941511</p>
                        <p><b>专业:</b>直播源整理</p>
                        <p><b>技能:</b>未知</p>
                        <p><b>熟练指数:</b>⭐⭐⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签:</b></div>
                            <div id="bq1" class="biaoqian1">王者荣耀</div>
                            <div id="bq2" class="biaoqian1">未知</div>
                            <div id="bq3" class="biaoqian1">未知</div>
                        </div>
                        <p><b>个人介绍:</b>未知!</p>
                  </div>

                </div>

            </div>

            <div id="tab4" class="tabcontent"><!--第四个成员信息介绍-->

                <div class="cy-top">
                  <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735082210/1692672113_829394697_11169_sProdImgNo_6.jpg/0"
                            alt="">
                  </div>

                  <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=2532912465&spec=640&img_type=jpg" alt="">
                        </div>
                        <p><b>网名:</b>品创科技网络工作室</p>
                        <p><b>QQ:</b>2532912465</p>
                        <p><b>专业:</b>程序员</p>
                        <p><b>技能:</b>java,php</p>
                        <p><b>熟练指数:</b>⭐⭐⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签:</b></div>
                            <div id="bq1" class="biaoqian1">网页美化</div>
                            <div id="bq2" class="biaoqian1">网络男神</div>
                            <div id="bq3" class="biaoqian1">话痨</div>
                        </div>
                        <p><b>个人介绍:</b>知识渊博,经验丰富,代码风骚,效率恐怖。C/C+,java,php无不精通</p>
                  </div>

                </div>

            </div>

            <div id="tab5" class="tabcontent"><!--第五个成员信息介绍-->

                <div class="cy-top">
                  <div class="cytp">
                        <img data-src="https://shp.qpic.cn/ishow/2735103011/1698638087_829394697_46632_sProdImgNo_6.jpg/0"
                            alt="">
                  </div>

                  <div class="cyxx">
                        <div class="cyxxbj">
                            <img data-src="https://q.qlogo.cn/headimg_dl?dst_uin=3563165324&spec=640&img_type=jpg" alt="">
                        </div>
                        <p><b>网名:</b>全国流量卡招代理</p>
                        <p><b>QQ:</b>3563165324</p>
                        <p><b>专业:</b>卖卡</p>
                        <p><b>技能:</b>白嫖</p>
                        <p><b>熟练指数:</b>⭐⭐</p>
                        <div class="biaoqian">
                            <div class="biaoqiantext"><b>标签:</b></div>
                            <div id="bq1" class="biaoqian1">流量卡</div>
                            <div id="bq2" class="biaoqian1">八块腹肌</div>
                            <div id="bq3" class="biaoqian1">创业达人</div>
                        </div>
                        <p><b>个人介绍:</b>我是一名小菜鸡,我只会卖流量卡,其他都不会,其实就是白嫖。还有就是要买流量卡dd我!</p>
                  </div>

                </div>

            </div>

      </div>

    </div>
    <div class="yqljtitle">
      <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-lianjie1"></use>
      </svg>
      <p>友情链接</p>
    </div>
    <div class="yqlj">
      <a href="https://www.downxia.com/downinfo/454113.html" target="_blank" style="color:#8b3dff">葱花影评</a>
      <a href="http://ykzj6.cn/" target="_blank">易看之家</a>
    </div>

    <div class="footer">

      <div class="dbbq">
            <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=W7ecub4KKODb1dEDiUXXSCg_qf41jnA8&authKey=ufdL7ZlWAZwYJ8sXxtII7nxlfi8YYKYCaMblREpWUP6kj64qBGhWv%2FLhZsu%2FTWiG&noverify=0&group_code=151376814" target="_blank">
                <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-yaoqingjiaru"></use>
                </svg>
                加入我们</a>
            <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=W7ecub4KKODb1dEDiUXXSCg_qf41jnA8&authKey=ufdL7ZlWAZwYJ8sXxtII7nxlfi8YYKYCaMblREpWUP6kj64qBGhWv%2FLhZsu%2FTWiG&noverify=0&group_code=151376814" target="_blank">
                <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-guanggao"></use>
                </svg>
                广告合作</a>
      </div>

      <div class="bqbaxx">
            <p>本站为思幻工作室开源的程序</p>
            <p>Copyright © 2024·侠客影视官方引导页.</p>
            <p>联系QQ:1131522093</p>
            <p>官方交流群:298041731</p>
      </div>
    </div>
    <script src="https://myhkw.cn/api/player/demo" id="myhk" key="demo" skin="yellowcat" lr="l" m="1"></script>
    <script>
      $(document).ready(function(){
            $('.copy-btn').click(function () {
                let id = $(this).attr('id')
                copy('#' + id)
            })

            function copy(id) {
                let clipboard = new ClipboardJS(id);
                clipboard.on('success', function (e) {
                  console.log(e);
                  alert('复制成功,请前往软件设置里粘贴接口')
                  clipboard.destroy();//解决多次弹窗问题
                });
                clipboard.on('error', function (e) {
                  console.log(e);
                  alert('请重新复制')
                  clipboard.destroy();//解决多次弹窗问题
                });
            }
      });
    </script>

    <script src="./js/index.js"></script>
    <script src="./js/yhpl.js"></script>
    <script src="./js/jquery-2.1.4.js"></script>
    <script src="./js/lanjiazai.js"></script>
    <link rel="stylesheet" href="http://tc.sihuanyun.cloud/css/sihuan.css?v=123">
</body>

</html>

网站加载太慢,优化一下

FishC 发表于 2024-4-26 01:27:04

优化网站加载速度是一个很重要的问题,下面给出一些常见的优化方法:

1. 压缩和合并文件:将CSS和JavaScript文件进行压缩和合并,减少文件下载大小和请求次数。

2. 使用缓存:设置适当的缓存策略,使得静态资源能够被浏览器缓存,减少重复下载。

3. 图片优化:使用合适的图片格式,并对图片进行压缩和裁剪,以减小图片文件的大小。

4. 异步加载:将非关键的内容或脚本延迟加载,以提高页面的渲染速度。

5. CDN加速:使用CDN(Content Delivery Network)来分发静态资源,将资源部署到离用户更近的服务器上,加快资源的加载速度。

6. 减少HTTP请求:减少页面中所需要的外部资源的数量,可以通过合并CSS和JavaScript文件、减少图标字体等方式来减少HTTP请求。

7. 服务器优化:对服务器进行性能优化,如使用缓存技术、启用Gzip压缩等方式来减少服务器响应时间。

针对你提供的代码,首先可以将页面中的CSS和JavaScript文件进行合并和压缩。另外,可以对图片进行优化,减小图片文件的大小。最后,可以通过使用CDN加速服务来提高静态资源的加载速度。

以上回复来自 FishC AI 小助理,如未能正确解答您的问题,请继续追问。
页: [1]
查看完整版本: 网站加载太慢,优化一下