大型项目的Javascript/jQuery优化(社交媒体)
我正在开发一个社交媒体网站,其规模与LinkedIn相当,我正在努力解决一些与JS相关的问题。随着项目的进行,JavaScript/jQuery的需求不断增加。我猜到项目结束时,每个页面上需要的jQuery的平均文件大小将是1.5MB,这是一个坏主意。像图片上传,评论,更新等功能几乎在每个页面上 我这里的问题是如何优化jQuery?我可以在这个项目上使用什么技巧或概念来降低文件大小并实现这些功能(除了上面提到的以外还有很多) 在这里,我已经实施了: 1.通过PHP插件压缩/缩小jQuery大型项目的Javascript/jQuery优化(社交媒体),javascript,jquery,html,Javascript,Jquery,Html,我正在开发一个社交媒体网站,其规模与LinkedIn相当,我正在努力解决一些与JS相关的问题。随着项目的进行,JavaScript/jQuery的需求不断增加。我猜到项目结束时,每个页面上需要的jQuery的平均文件大小将是1.5MB,这是一个坏主意。像图片上传,评论,更新等功能几乎在每个页面上 我这里的问题是如何优化jQuery?我可以在这个项目上使用什么技巧或概念来降低文件大小并实现这些功能(除了上面提到的以外还有很多) 在这里,我已经实施了: 1.通过PHP插件压缩/缩小jQuery 2.
2.使用
jQuery.getScript()
仅在需要时加载文件3.将一个大JS文件分成几个单独的文件,以更快地完成加载
4.HTML优化(Google Pagespeed)我听说有人使用YUI压缩工具,它比大多数其他工具“有更好的压缩比”。不确定您目前使用的压缩方式,但这可能会带来轻微的改进 使用jQuery来传递jQuery。浏览器很可能会缓存库,加载的每个页面实际上不需要再次下载库。如果我没有错的话,这是使用CDN的主要原因之一
否则,您应该重新思考您的依赖/开发策略,因为在每一页上都有。至少不全是这样。这个问题更适合你。你在服务器端尝试过js自动缩小吗?是的@cakan现在应该很明显,这个问题不是关于缩小,而是每个页面类型和结构问题的依赖性。我们应该找到一些关于加载主题的好文章。我最近看到一些人在讨论一些高级加载技术。这是我存储的一个,也可能有助于查看折叠加载上方的
。。基本上,将不在视口中的内容推迟到页面加载之后,我将查看它。谢谢你的回复。:)