文件名称：optimization-pagespeed:使用 grunt 和 pagespeed 来优化网站
文件大小：6.73MB
文件格式：ZIP
更新时间：2024-06-18 08:27:25
JavaScript
在项目 4 第 1 部分中，我使用 pagespeed 来提高投资组合的性能。 为此，我使用了 ngrok，它将我的本地主机暴露给网络流量。 我发现这个网站特别有用，使它与 pagespeed 一起工作： : 我还使用了 grunt，它可以完成最小化、编译以及构建站点时通常需要做的所有事情。 如果您是新手，这里有一个很好的链接： : 在项目 4 的第 2 部分中，我不得不修复一个疯狂的比萨网站，该网站可以制作比萨饼、改变它们的大小并让比萨饼在后台不断移动。 js文件中有很多东西会大大减慢速度，并使它们不必要地复杂化。 我改进了一些功能，这些功能大大降低了页面速度。 在其中一些，它是重新排列函数、分解变量、或更好地选择 dom 中的元素、或应用更有效的 css 方法（即 style.left 与 translate）的问题。 我一直在用 chrome 的时间轴测试 fps，直到
【文件预览】：
optimization-pagespeed-master
----project-mobile.html(2KB)
----gruntfile.js(1KB)
----project-webperf.html(3KB)
----package.json(803B)
----reflectionsOnOptimization.txt(1KB)
----project-2048.html(2KB)
----js()
--------perfmatters.js(513B)
----node_modules()
--------grunt-contrib-cssmin()
----views()
--------images()
--------ngrok(12.51MB)
--------ngrok.zip(3.05MB)
--------js()
--------css()
--------pizza.html(6KB)
----css()
--------style.min.css(1KB)
--------style.css(2KB)
--------print.css(471B)
--------portrait.css(134B)
----README.md(1KB)
----index.html(4KB)
----img()
--------.gitignore(10B)
--------profilepic.jpg(10KB)
--------2048.png(64KB)
--------cam_be_like.jpg(262KB)
--------mobilewebdev.jpg(186KB)