Javascript 网站图像性能:本地文件夹还是外部源?

Javascript 网站图像性能:本地文件夹还是外部源?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我刚刚建立完我的第一个网站。该网站很好,但我注意到有时图像加载有点慢,并且看起来缓慢下滑。网站上的所有图像都来自外部源。如果我从本地文件夹而不是使用web源存储和获取这些图像,它们的加载速度会更快吗?或者在图片加载完成后,我是否可以加载页面 存储图像的一个好方法是使用公共服务器,如Flickr或Imgur。另一个解决方案是自己将其托管在fast AWS S3服务器上,或者使用优化的文件大小并以适当的方式压缩的东西 希望这能有所帮助。存储图像的一个好方法是使用Flickr或Imgur等公共服务器。

我刚刚建立完我的第一个网站。该网站很好,但我注意到有时图像加载有点慢,并且看起来缓慢下滑。网站上的所有图像都来自外部源。如果我从本地文件夹而不是使用web源存储和获取这些图像,它们的加载速度会更快吗?或者在图片加载完成后,我是否可以加载页面

存储图像的一个好方法是使用公共服务器,如Flickr或Imgur。另一个解决方案是自己将其托管在fast AWS S3服务器上,或者使用优化的文件大小并以适当的方式压缩的东西


希望这能有所帮助。

存储图像的一个好方法是使用Flickr或Imgur等公共服务器。另一个解决方案是自己将其托管在fast AWS S3服务器上,或者使用优化的文件大小并以适当的方式压缩的东西


希望这有所帮助。

在网站本身而不是从外部源托管图像可以带来速度优势,因为HTTP连接可以重复使用,但好处很小,如果您的图像都托管在同一外部源上,那么这将产生相同的效果

不过,为web优化图像(通过将图像大小调整为适合网站目标设备的适当分辨率并压缩图像)可以大大缩短页面加载时间

此外,如果在CSS样式表中使用许多小图像,则可以在base64中对它们进行编码,并将它们与样式表内联,这样可以节省HTTP请求,但会增加CSS文档的文件大小,因此不适合大图像


<2>仔细检查您是否有合适的缓存级别配置,最后考虑使用CDN提供商(例如CydDFLARE),它可以在世界各地的多个位置缓存您的网站,使服务器更接近用户。CDN通常还包括其他速度改进功能,如自动图像压缩。

在网站本身而不是从外部来源托管图像可以带来速度优势,因为HTTP连接可以重复使用,但好处很小,如果您的图像都位于同一个外部源上,则效果相同

不过,为web优化图像(通过将图像大小调整为适合网站目标设备的适当分辨率并压缩图像)可以大大缩短页面加载时间

此外,如果在CSS样式表中使用许多小图像,则可以在base64中对它们进行编码,并将它们与样式表内联,这样可以节省HTTP请求,但会增加CSS文档的文件大小,因此不适合大图像


<2>仔细检查您是否有合适的缓存级别配置,最后考虑使用CDN提供商(例如CydDFLARE),它可以在世界各地的多个位置缓存您的网站,使服务器更接近用户。CDN通常还包括其他速度提升功能,如自动图像压缩。

它们可能需要优化文件大小,并且在web搜索中有很多关于优化的信息。您是否为web优化了图像?我的一个好工作流程是:--使用正确的格式-->调整大小-->压缩-->制作JPEGCDN上的渐进式-->主机(如果可能)它们可能需要优化文件大小,并且在web搜索中有很多关于优化的信息。您是否为web优化了图像?我的一个好工作流是:--使用正确的格式-->调整大小-->压缩-->使JPEG渐进式-->主机位于CDN上(如果可能)