网站图片多导致网站加载慢怎么解决?

news/2024/5/10 13:51:55/文章来源:https://blog.csdn.net/D505yjw/article/details/118090969

就以本站为例,我发现网站速度加载特别慢,那么好,直接打开浏览器开发者面板找问题,在network面板下我们先清空所有请求信息,然后强刷网页(Ctrl+F5),看看是那些资源请求影响了网站速度:
在这里插入图片描述

我这里呢是每张图片加载都在1-3s,显然图片的加载速度拖了后腿,那么“病根”就在这里,那么“病因是什么呢”,一方面我的服务器带宽很小,另一方面是本身图片体积较大,未做任何处理。

既然找到了原因,那么肯定是要解决一下的,总结了一下,可以从以下方面去着手:
1.对图片进行压缩后再上传,这里推荐一个蛮不错的网站:https://tinypng.com/
2.图片缓存
3.升级服务器带宽
4.图片懒加载
5.CDN加速
我主要采取了图片压缩和懒加载,网站加载速度就有很明显的提升了:
在这里插入图片描述

文章来源个人博客:前端小窝
https://www.garfield27.com/archives/58

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_897669.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

实用的在线网站

目录 文档类 1. 轻松玩转PDF 2. Convertio:在线的文件转换器 3. CleverPDF 4. vvv文档在线导出工具 5. 微信公众号格式化编辑器 6. Process On:免费在线作图,实时协作 7. ALL TO ALL(在线格式转换) 8. Office…

基于selenium和PhantomJS的python模拟登录豆瓣网站

首先先登录豆瓣网站:https://www.douban.com/,审查元素,我们可以发现,他的登录是做为一个模块被引入的 登录模块被放入了iframe中,所以我们直接通过 driver.find_element_by_class_name("account-tab-account&q…

github+hexo搭建自己的博客网站(五)进阶配置(畅言实现博客的评论)

如何对如何搭建hexogithub可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https://saucxs.github.io/ 同时绑定了域名:http://www.chengxinsong.cn/ 可以查看在github上生成的静态…

用 IIS 7、ARR 與 Velocity 建设高性能的大型网站

本帖是研讨会中的一些杂记,搭配一些官方的文档,经整合归纳后,介绍 IIS 7 如何搭配新一代的 ARR (Application Request Routing),建置 Server Farm 并达到比过去 NLB 更优的 Load Balancing 功能,此外还介绍微软新一代的…

网站搭建项目一

1.搭建mysql proxy,实现读写分离 mysql proxy - lua script mysql proxy 不应该在生产环境中使用 1) mysql-master server(vm1)端: yum -y install mysql-server mysql-connector-odbc // 不用装mysql mysql-devel /etc/init.d/…

magento|网站后台对评论进行回复的功能拓展

最近运营部门提出要增加评论回复并显示的功能,所以大体流程就是数据库增加字段,然后编辑评论的时候增加输入框,提交评论的时候保存回复数据,最后在前台显示即可。 具体操作及代码如下: 1、review_detail新增字段&…

linux|ubuntu安装prerender解决vue前后端分离后的seo问题

商城网站进行了前后端分离,使用vue框架对系统进行了整体重构。重构之后seo基本失效,搜索引擎的机器人无法抓取到网站的源代码,所以需要考虑解决seo的问题。结合前端人员的建议,使用prerender进行处理,具体流程如下&…

linux|nginx开启gzip提升网站访问速度

gzip on; #开启gzip gzip_vary on; gzip_disable "msie6"; gzip_min_length 1k; #不压缩临界值,大于1k的才压缩,一般不用改 gzip_buffers 4 16k; gzip_comp_level 6; #压缩级别,数字越大压缩的越好 gzip_types text/plain application/jav…

前后端分离的过程利用prerender解决seo问题的误区

网站进行前后端分离之后,需要解决seo的问题。本来使用的是prerender服务,具体的流程如https://blog.csdn.net/lolgigeo/article/details/102897876所述,上述链接为本人初步的尝试,但经过再次的排查发现存在一个很大的误区。首先&a…

渗透实战之对外国一网站进行的SQL盲注测试

起因:大早上体育课改成了线上,又正逢看到大佬发了一篇SQL注入文章,就想着复现一下,练练手,本篇就是记录一下渗透过程。 先判断闭合类型 1/1如下 1/0如下 两次回显不一样,说明是数字型注入,尝试…

中电信低调推出微博网站

4月27日凌晨消息,继中移动之后,中电信近日也在低调推出微博网站。这或许意味着,在多年尝试转型互联网之后,国内运营商正在围绕最新业务再次展开布局。 腾讯科技在北京某大学的校园活动中发现,中电信旗下的微博网站“…

3.cn网站分析-退出率与跳出率详解

跳出率(Bounce Rate):浏览单页即退出的次数/访问次数 退出率(Exit Rate):离开次数(包括一次访问过程中用户浏览单页即跳出的次数,也包括浏览多页后从该页面退出的次数)/进入该页的…

准确度量 持续改进—网站分析驱动目标达成

1 为什么要对网站进行分析? 首先是第一部分,我们为什么要对网站进行分析?网站分析并不是所有网站的标准配置,很多网站都没有做这个工作,他们也运营的很好。那么我们为什么需要网站分析呢? 在回答这些问题之…

python3 某网站注册脚本 自用

python脚本代码 """ 某网站经常注销账号,开发一键注册脚本,写的很烂,有很多可以优化的地方 """from time import sleepfrom selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.select i…

自己实现的网站

利用空余时间,自己用vue动手实现了一个小网站

阿里云网站备案中遇到的基本概念类问题解答

本文为介绍备案过程中涉及的基本概念类问题。这些常见问题在实际使用中会经常遇到,所以老魏在这里也是为了给自己留一个记录,以后用到的时候查看,同时也有分享给大家参考使用帮助的意思。 如何取消备案? 刚提交备案订单还未成功…

阿里云网站备案-验证备案问题解答汇总

在阿里云ICP代备案管理系统提交备案申请时,如出现该域名存在进行中的订单、该域名对应的主体信息在系统中已经存在等错误提示信息,或您想要取消进行中的备案订单,请参考本文进行操作。 1、错误提示:该域名存在进行中的订单 可能原…

动态网站在不同平台都有写什么问题!!这里给大家一些展示

目录 一、Tomcat启动失败 1、错误1 2、错误2 3、Maven模块相互依赖错误 二、Spring Mvc 1、错误1 三、项目编写过程 1、springmvc无法跳转页面404 2、Maven工程pom.xml顶头红叉无报错 3、IDEA无法使用JQuery 4、JSP的设置路径报错 5、SpringBoot查询数据报错 四、…

java web电脑网站微信扫码支付(Servlet+JSP)

上篇文章写到了app开发中的微信支付和支付宝支付连接:https://blog.csdn.net/qq_35318713/article/details/92832397, 这次再把电脑网站扫码支付的过程记录一下,其实原理上还是差不多,就是多了一个生成二维码的过程。 上代码&am…

MyCms 自媒体 CMS 系统 v2.6,SEO 优化升级

MyCms 是一款基于Laravel开发的开源免费的自媒体博客CMS系统,助力开发者知识技能变现。 MyCms 基于Apache2.0开源协议发布,免费且不限制商业使用,欢迎持续关注我们。 V2.6 更新内容 新增:SEO-URL优化插件 新增:文章…