负载速度用于响应移动网络开发



我正在准备在这里获取我们的网站并使其完全移动响应迅速,从而摆脱了M。网站。我可能会利用引导程序。

我一直在进行一些研究,并遇到了一些很棒的资源。虽然,我对负载速度和移动设备感到好奇。


例如:

可以说,我的网站的桌面版本在2秒内加载,并传输3 MB的数据。

现在,我上电话去我的网站。移动断点版是否仍会传输所有3MB数据以加载页面?

,我不确定开发人员如何根据移动设备是否移动减少请求尺寸并改善加载时间。

我假设如果我加载浏览器并将其调整到移动断点,它仍然会使用与桌面相同的资源。

我希望我的问题有意义。我不太确定如何说话。

让我知道!谢谢。

移动浏览器将拉下与桌面浏览器完全相同的内容,除非您另行指定。

您可以做一些事情来减少移动设备的页面大小,例如在移动设备上拉下较小的图像。一种方法是使用HTML图片标签,您可以根据屏幕宽度指定不同的图像尺寸。https://www.w3schools.com/tags/tag_picture.asp

<picture>
  <source media="(min-width: 650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width: 465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

您可能还会有对屏幕大小反应,向下拉下或对事件的反应的JavaScript,以减少带宽足迹或使页面看起来更快地加载。一个例子是懒惰的负载,懒负荷是JavaScript,在加载DOM后将其从屏幕上拉下图像。

这是针对页面图像的懒惰负载的重要指南https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/

最后,Web浏览器缓存内容。因此,任何样式表,JavaScript文件或页面之间共享的图像都应存储在设备缓存上,这减少了浏览器在每个页面上一次又一次下拉相同文件的需求。

最新更新