【发布时间】：2015-07-28 23:42:16
【问题描述】：
【问题讨论】：
-
从我的网站看来还不错，加载时间不到 400 毫秒。您可能想咨询this。实施最佳实践，它肯定会有所改善。在您的 chrome 中添加页面速度扩展以进行检查。
标签： javascript html performance optimization web
【发布时间】：2015-07-28 23:42:16
【问题描述】：
您可以尝试以下几件事来减少加载时间。
- 首先，如果您使用的是 JS 并且要提供在线路径，请尝试在代码中使用该文件并提供来自您的项目的路径。而不是使用 JS 的在线路径。
- 从 javascript 中删除注释和空格。您可以使用在线 javascript 压缩工具来删除空格和 cmets。
- 启用浏览器缓存
- 避免错误请求。检查您是否有任何损坏的链接。如果确实有，则将其改正或删除
- 尝试使用内部/外部 CSS .. 并且不要使用内联样式。
- 减少您在网站上使用的插件数量
- 把CSS放在顶部，JS放在底部
- 最后但不是最不重要的 .. 图像在站点加载时间中起着重要作用。尝试使用优化图像..
更多信息请点击以下链接.. Reducing site loading time
【讨论】：
您正在使用一个着陆页（单页网站），并且上面有太多图片。 浏览器需要预先加载所有图片，这需要一些时间。
1 - 优化网页视图的图像 2 - 尝试减少图像的数量 3 - 使用在滚动时加载图像的插件，因此请求会减少
试试这个插件： 'http://ressio.github.io/lazy-load-xt/demo/index.htm'
或者这个：
http://www.appelsiini.net/projects/lazyload
这样你会减少页面加载问题。
【讨论】：
您有一些高分辨率的 PNG 图像，加载速度会很慢，具体取决于连接。对高分辨率照片使用 JPEG 格式而不是 PNG 可以大大减小它们的大小，而不会造成明显的质量损失。除此之外，请考虑连接和缩小您的脚本/样式表，并尽可能对所有内容进行 gzip。
【讨论】：
打开 chrome，然后打开开发者工具，打开审核选项卡，选择“重新加载页面并审核...”，按下运行按钮。 Chrome 会为您提供与此答案相同的建议。
来自我：
- 从你拥有的所有 css 中创建一个 css 文件。
- 把你所有的js做成一个js文件。
- 在服务器上调整图像大小，使其更小。
- 您确定，您正在使用字体文件中的所有符号吗？尝试从字体文件中删除未使用的符号（您可以从 svg 文件创建自定义字体文件，我通过 https://icomoon.io/ 管理我的字体）
你会看到区别
【讨论】：