针对大型项目(社交媒体）的 Javascript/jQuery 优化

Javascript/jQuery optimization for large projects (social media)

本文关键字：Javascript jQuery 优化媒体大型项目更新时间：2023-09-26

我正在开发一个LinkedIn规模的社交媒体网站，我正在努力解决与JS相关的一些事情。随着项目的进行，JavaScript/jQuery的需求也在增加。我猜到项目结束时，每个页面上所需的jQuery平均文件大小为1.5MB，这是一个坏主意。图片上传、评论、喜欢、更新等功能几乎在每个页面上。

我的问题是如何优化jQuery？我可以在这个项目上使用任何技巧或概念来降低文件大小以及执行这些功能（不仅仅是上面的功能）？

在这里我已经实现了：1. 通过 PHP 插件
压缩/缩小 jQuery2. 仅在需要时
使用 jQuery.getScript() 加载文件3.将一个大的JS文件分成几个单独的文件以更快地
完成加载4.HTML优化（谷歌页面速度）

我听说过有人使用YUI压缩器，它比大多数其他工具"具有更好的压缩比"。不确定您目前使用什么进行压缩，但这可以提供轻微的改进。http://yui.github.io/yuicompressor/

使用 CDN（内容交付网络）来交付 jQuery。浏览器很可能会缓存库，并且加载的每个页面实际上不需要再次下载库。如果我没记错的话，这是使用 CDN 的主要原因之一。

否则，您应该重新考虑您的依赖/开发策略，因为您可能不需要每个页面上的jquery。至少不是全部。