网站图片太多导致网站打开卡顿/慢的解决方法

最近比较多的客户反馈网站打开慢,问我们服务器租用机房有什么好的解决方法?我们来分析下网站打开速度主要有两个原因:用户自身带宽与服务器带宽限制;两个终端网络不好都会造成网站打开速度很慢;接下来就是在无法提升网络带宽的情况下提升网站加载速度;

网页卡顿无法打开

1.图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。

2.如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。

3.如果图片为css图片,可以使用CSSsprite,SVGsprite,Iconfont、Base64等技术。

4.如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验。
如果图片展示区域小于图片的真实大小,则因在服务器端根据业务需要先行进行图片压缩,图片压缩后大小与展示一致,(其实网站打开缓慢很多大多原因是因为服务器配置或者带宽不够主要还是带宽问题,解决服务器带宽问题就可以提高网站打开的速度了,需要了解大带宽的图片素材类服务器,可以点击:图片站服务器租用配置价格表 进行了解。)

打开网站404错误的图片

网站打开速度主要有两个原因:

1.用户自身带宽与服务器带宽限制;360测速;

2.终端网络及设备不好都会造成网站打开速度很慢;电脑系统,浏览器配置低,不合理等;360修复系统和浏览器;

接下来就是在无法提升网络带宽的情况下提升网站加载速度;

使用ie浏览器打开网站;

按F12键打开开发者工具;导航栏找到网络一项;打开网络调试后按上图操作可以获取服务器加载的数据;

从而得出网站图片大小等;也可以找出网站其他大文件;找到网页文件那个图片大小过大时;打开ftp找到相对应的文件;

复制到本地;将复制到本地的图片使用photoshop打开,使用ctrl+alt+shlft+s保存为网页图片格式;

可以保存为jpg选择品质为60-80左右;这会很大的缩小图片大小;并且不会降低图片质量;使用photoshop另存为图片后将图片上传至服务器原本的位置;

可以替换原本的文件;也可以重命名,重命名后就要更改html中相对于的图片地址;如此重复;将网站要加载的图片以及其他文件过大的东西都修改下;降低文件大小就可以打打提升网站加载速度;尽量将图片修改为不影响视觉效果,并且大小最小。

您可能还会对下面的文章感兴趣:

COPYRIGHT © 2010-2018 云悫计算机系统有限公司 All Rights Reserved.

粤ICP备16096532号
  • 首页
  • 咨询
  • 电话
  • 返回顶部