近年來,jQuery.js 可謂是前端開發界最熱門、最常用的 JavaScript 庫之一。jQuery.js 的使用可以幫助開發者簡化 JavaScript 代碼的書寫,減少代碼的數量,提高開發效率,提升網站的響應速度。隨著越來越多的網站和應用程序使用 jQuery.js,開發者們也在探討這個 JavaScript 庫的大小問題。
根據官方文檔資料和測試,jQuery.js 的大小約為 32kb~36kb,這個大小也視具體的版本號而有所不同。在壓縮和混淆之后,這個大小可壓縮到 10kb 左右。值得一提的是,如果使用 jQuery 的核心版本(即不包含 Ajax 和效果模塊),則可以將文件大小壓縮到更小的范圍。
/* * jQuery JavaScript Library v3.5.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright jQuery Foundation and other contributors * Released under the MIT license * https://jquery.org/license * * Date: 2020-05-04T22:49Z */ ( function( global, factory ) { "use strict"; if ( typeof module === "object" && typeof module.exports === "object" ) { // For CommonJS and CommonJS-like environments where a proper `window` // is present, execute the factory and get jQuery. // For environments that do not have a `window` with a `document` // (such as Node.js), expose a factory as module.exports. // This accentuates the need for the creation of a real `window`. // e.g. var jQuery = require("jquery")(window); // See ticket #14549 for more info. module.exports = global.document ? factory( global, true ) : function( w ) { if ( !w.document ) { throw new Error( "jQuery requires a window with a document" ); } return factory( w ); }; } else { factory( global ); } // Pass this if window is not defined yet } )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) { + 代碼 ...
值得一提的是,在現代 Web 開發中,網站的加載速度和頁面性能十分重要。因此,一些 jQuery 開發者會選擇使用輕量級的 JavaScript 庫或框架,如 Zepto.js 或者 Vanilla.js 等。這些庫比 jQuery.js 更小巧,有時也能夠滿足大部分常用的需求。