
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
性能优化问题是需要程序员长期关注的一个问题,而今天我们就一起来了解一下,提高web应用程序性能都有哪些常用方法。
1、提高Web应用程序性能
总是在.js文件前面引用CSS文件。
在HTML文件中少用和,除非你有一个关键的请求需要提前加载。
对于需要频繁更新的应用程序来说,拆分打包文件比较好。对于小型应用程序,好打包成一个.js文件和.css文件,这样会减少HTTP请求的数量。
使用Pagespeed模块。PageSpeed模块是开源的服务器模块,可以自动优化网站。静态托管用户可以将如下代码加到他们的.htaccess文件中来启用PageSpeed模块。
压缩.js和.css文件。这种用途的在线工具有很多(例如,minifier)。如果你使用Webpack,那么你的文件会在生产构建时被自动压缩!
如果你使用Webpack作为模块打包器,使用UglifyJs、ModuleConcatenate和Splitchunks等Webpack优化插件。
使用WebpackBundleAnalyzer插件来了解你的应用程序在生产构建时每个占用了多少空间。减少在你的打包文件中占用大量空间的没有用到的或很少用到的模块。
2、优化或压缩图片
Squoosh
Squoosh是我用过的棒的优化工具。我真希望早点发现这个工具。Squoosh是由谷歌工程师构建的,其中棒的是,你在调整质量参数的时候可以实时看到优化过的图片和没有优化过的图片的差异。Squoosh很好用,能让你清楚知道压缩后的图片是什么样子。
ImageOptim
ImageOptim是一个简单易用的图片优化器。它会自动缩减图片尺寸而不会丢失图片的原始质量。ImageOptim有一个友好的拖拽界面和多文件上传选项,因此非常易用。由于ImageOptim只在Mac上可用,FileOptimmizer对于Windows用户是一个不错的选择。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。