网站性能优化组合项目我从下载了源代码。我为优化投资组合而采取的步骤：使用tinypng.com优化图像。因为print.css和style.css文件过小，将它们合并为一个文件。将JS脚本移动到HTML文件底部，并使其异步加载。使用内联CSS，由于perfmatters.js文件太小，已集成到HTML中。我使用Grunt工具压缩JS和CSS文件，输出在各自的构建文件夹中，同时保留了非压缩版本以提高可读性。我将链接的在线图片替换为本地优化图片，并使用精灵替换了index.html中的图像。在pizza.html文档中，我内联了CSS。我使用变量缓存了main.js第508行的scrolltop值，以提高每秒帧数。