当我们开发一个 Web 应用程序时，性能常常是一个重要问题。在很多情况下，它是用户体验的关键，而这又是提供高效、快速的体验所必需的。在 Web 应用程序中，JavaScript 是必不可少的，而在这里，我们将介绍一些性能优化的 JavaScript 插件。
LazyLoad.js
LazyLoad.js 是一个能够使您的网站加载时间缩短的 JavaScript 插件。这个插件可以延迟加载所有页面的图片，从而大大减少总体加载时间。LazyLoad.js 称为“懒加载”，因为它确保页面上所有图片在第一次访问页面时不会被立即加载。相反，当用户滚动屏幕时，LazyLoad.js 会根据需要动态加载图像。
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" integrity="sha512-qtVuPK+9XfST8QTn/NCfZBVWXtoVx+TJ/knLj7pJhymMndV7/mX1mLi+J7KjxB13Uu/G6oUF+imUu4+M4sE3qQ==" crossorigin="anonymous"></script>
LazyLoad.js 还提供了一些额外的功能，例如预加载等等，可通过文档进行了解。
Swiper.js
Swiper.js 是一个基于 jQuery 的幻灯片插件，用于制作响应式、可触摸的轮播图。Swiper.js 不仅是轮播图，还可以生成分页器、缩略图，以及支持 CSS3 转换等等。Swiper.js 针对移动设备上的触摸滑动做了很多优化，能够帮助您在移动设备上获得很棒的性能。
-- -------------------- ---- -------
----- ---------------- ------------------------------------------------------
---- ------ -- ---
------- -------------------------------------------------------------
---- ---------- ------ ---
--------
--- ------ - --- --------------------------- -
-------------- --
------------- ---
--------------- -----
--------- -
------ -----
--------------------- ------
--
----------- -
--- ---------------------
---------- -----
--
----------- -
------- ----------------------
------- ----------------------
--
---
---------Swiper.js 的代码库非常轻量，而且非常简单易懂。您可以轻松地使用 Swiper.js 制作一个令人印象深刻的幻灯片。
Hammer.js
Hammer.js 是一个用于手机和平板电脑的 JavaScript 插件，可增强触控事件。Hammer.js 处理多点触控，如捏合、缩放、旋转、滑动和拖动等。
-- -------------------- ---- -------
------- ------------------------------------------------------------------------------------
---- ---- --- ---
---- ---------------------
--------
-- --- ---
--- --------- - -------------------------------------
-- -- ------ --
--- ---------- - --- ------------------
-- --- -------
----------------------------- ------- ---- ---
------------------------------ ------- ---- ---
-- --- ------- ---------
-------------------- -------- ------------ -
------------------------- -
-------- - -------- - -- -------- - ----------- - -------
---
---------Hammer.js 可以让您将普通的触控事件转换为有趣的响应式手势。值得一提的是，Hammer.js 还有适用于 VueJS, ReactJS 等框架集成的形式，具有抽象化的 gesture manager。
结论
JavaScript 插件们不仅可以简化开发，并且能够提高网站的性能和用户体验。以上只是几个非常实用的 JavaScript 插件的列举，但并不限于这些。无论您正在开发什么应用程序，都应该花时间研究一些现成的 JavaScript 插件，从而能够优化您的网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fb71f444713626015cfe06