gpt4 book ai didi

javascript - 提高网站速度延迟JS

转载 作者:行者123 更新时间:2023-12-02 14:27:02 26 4
gpt4 key购买 nike

我在延迟和异步 js 文件方面遇到问题。我的网站正在加载 JQuery 和 Jquery-UI 库,它们是一种大文件,甚至是 .min 文件例如,当我将这些库移动到网站底部或只是推迟 - 异步它们时,我的网站会停止渲染大部分元素

  • Select2 插件在手机上无法正常工作
  • Jquery 范围 slider 未拖动
  • 其他一些自定义元素(例如无限加载)无法正常工作

所以我正在尝试提高我的网站速度,但是这 2 个库呈现拦截器,并且使用它们我在 PageSpeed Insights 上仅获得 53 的评分。

所以让网站运行得更快的另一种方法是合并(合并)JS文件,但是合并后网站也会停止渲染,所以我猜只有其中一些能够合并。有人可以帮我解决这个问题吗?下面我将给出我的网站上使用的所有 JS 的列表

jquery-2.1.1.min.js
greensock.js
layerslider.transitions.js (actually trying to find some lightweight alternative)
layerslider.kreaturamedia.jquery.js
jquery-ui.min.js
jquery.ui.touch-punch.min.js
select2.min.js
jquery.tooltipster.min.js
bootstrap.min.js
placeholders.js
jquery.magnific-popup.min.js
owl.carousel.min.js
html5shiv.js

我已经做了什么

  • 浏览器缓存 - 开启
  • 动态 GZip - 开启

    1. 所以主要问题是如何在不丢失功能的情况下将 jquery 移至底部
    2. 我可以合并哪些库,以减少 HTTP 请求

最佳答案

除了 @Dr.Web 所说的之外,您还可以将它们合并到一个文件中,并确保将插件代码添加到 jQuery 的底部

关于javascript - 提高网站速度延迟JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38141857/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com