在stackoverflow上讨论了许多特定的“显示速度”改进技术，但是，在搜索如何执行之前，您需要了解特定选项。
因此，指南策略将非常有用，特别是对于那些刚接触网站开发的人。
由于这个概念涵盖了许多个别领域......答案可能最好是合作。
我的网站涉及常见的嫌疑人：js，css，google-fonts，图片，我还没有嵌入3个youtube视频。
因此，它可能代表一个标准的网站，包含许多用户的需求。
我建议开始一个随后可以添加的答案，以便确定一般策略。
答案 0 :(得分：1)
Web开发：最大化用户网站显示速度的策略 （正在进行中）
步骤1.压缩＆amp;缓存 启用Gzip或压缩压缩，并设置缓存参数。 （通常在.htaccess中实现，除非您可以控制服务器。）
第2步。字体 最好的选择是坚持使用'安全字体'。 （在Dev-Tools中测试'链接的Google Roboto' - 下载2.8秒！...将其延迟零延迟。）
第3步。图片 单个图像可能比所有其他资源都大，因此图像必须是第一个用于优化的图像。 首先将图像裁剪为绝对最低要求内容。 试验压缩格式 - 照片（jpg），块颜色（gif），像素（png）。 然后将图像（缩放图像）重新调整为要在站点上显示的最大大小（使用css控制）。 减小最大显示尺寸，允许更大的jpg压缩。 （如果是照片网站 - 提供完整尺寸的链接，以允许用户自行决定。） 考虑延迟图像加载，例如LightLazyLoader，其中图像仅在用户滚动以查看更多图像时加载。
步骤4.安排加载顺序以提供初始用户显示 这需要链接资源的顺序定位。 例如。如果使用responsiveslides，必须在图像开始显示之前读取脚本，否则将愚蠢地显示许多图像;直到脚本被读取。 IE浏览器。打破基本规则，并尽早加载脚本，可以呈现工作显示，而其他“不需要的元素”继续加载。
步骤5.根据加载顺序组合CSS和JS资源 只需在Notepad ++中打开一个css资源，然后将其复制到“my.css”文件中，然后复制到JS中。
步骤6.缩小合并资源 存在各种程序来实现这一目标...谷歌工具提供此在线...上传文件并下载缩小版本与您的评论和空白被剥离。 （请记住'版本名'文件，以便保留您的评论。）
备注： 继续测试你在google-dev-tools中所做的更改（比如说）Ctrl + shift = I，Tab：Network。 这以图形方式显示了元素加载时间以及完全加载之前的总体时间线。
多个元素同时开始加载....这是理想的。 通常，当前一批完成时，另一组将开始加载。 最好同时下载所有元素。 我们被告知，这可以通过将不同的元素存储在不同的位置来实现，以便于多线程下载（元素不能组合）。
<强>注释 使用2Mb / s节流和干净的负载，我的第一个图像显示现在准备好@ 2秒（从15秒开始）。 2s延迟是由于其他线程被占用。
我的目标是提前开始加载'第一张图像'，同时确保在不到500毫秒的时间内准备显示第二张图像。
这是一项正在进行的工作。