网址导航网首页

嗨,欢迎来到25Qi网址导航

站长QQ:2598903095

SEO学习

网站SEO技术丨检查网站页面大小占用内存的操作方法

时间:2022-04-07 丨 作者:25Qi网址导航 丨 关键词:网站SEO技术   网站页面内存

网站SEO技术丨检查网站页面大小占用内存的操作方法,本文以25qi导航网的移动端来做演示。


1.打开界面:使用浏览器打开页面(本次选用google chrome),找到developer tools按钮或按F12打开开发者工具,点击手机屏幕按钮,再按F5,打开网页的手机端。


2.找到右侧代码的Network功能选项

image.png

3.所有资源:点击Network-点击ALL,是加载页面上所有内容,包含js,css,img,media等资源


4.页面内存大小:下拉到最后,可以看到3.2MB,4.2MB就是这个页面的内存大小。

image.png

但是实际传输的以左边那个transfered为准。因为有缓存,所以加载了1MB的资源,如果第二次再打开这个页面,缓存的内容就更多,transferred的加载内存就会更少。3.2MB transferred是实际用户打开页面加载的内存大小,因为有些资源是缓存里的,不占用用户加载的内存。有些内容会被压缩后传输,所以这个值总会比实际大小要小。


5.Transferred包含的内存有哪些:如果要查看2.5MB transferred的资源有哪些,可以分别点击头部ALL右侧的各个功能,比如js,css,img,点击到img发现,图片的内存占2.2MB,那如果要优化这个页面的速度的话,就要从img上着手。

image.png


6.查看img里具体内容的size和time数据:

image.png

可对size比较大的产品图片,加载时间比较长的产品图片进行内存的压缩,或采取谷歌推荐的图片格式(JPEG 2000,JPEG XR,and WebP),还可以使用优化图片的工具和插件(ImageOptim工具,squoosh工具,Magento优化图片扩展插件,图像优化WordPress插件,Joomla图片优化插件)。


7.加载时间分析:Loading:5.67s时间,是所有资源加载完的时间,包括第三方的一些东西。


页面内容展示全部主要看domcontentloaded的时间,第三方fb和google ad的,占比不大,但time上显示的加载时间比较长,这个加载是在页面加载完成后,也就是能看到完整页面后,实际上是对用户体验没啥影响的,所以这个页面内容展示需要的时间是1.76s(domcontentloaded)。


第一次访问过后,浏览器会把图片js css这种静态资源缓存下来。你再请求的话,只要缓存不过期,就不再去加载了,直接用缓存,这时的页面加载内存会相比第一次小很多,可能就是300多KB的transferred。


扩充:用memory功能查看的页面内存大小,是电脑加载占用了电脑多少内存资源的,是查看js调用栈的,是看js执行期间电脑系统分配了多少内存,不是说页面有多少size的。这个跟设备和浏览器有关系。


总结:学会查看一个页面的内存大小,找出占内存比较多的资源项有哪些,再进行针对性的优化,一个页面的内存越小,在相同前提下,用户打开的加载速度就越快,特别是在谷歌的核心网页指标(LCP,FID,CLS)即将在6月上线的前夕,网站,页面速度提升应该成为这段时间的首要任务。


在线随机小姐姐图片换一批
最新收录
  • 黄飞鸿热炙理疗

    黄飞鸿热灸馆加盟项目,整店输出模式,专业热灸加盟技术培训,一个专业做中医养生的连锁品牌。源自黄飞鸿的嫡孙继承了黄飞鸿先生的遗志,多年来一直坚定不移地致力于大健康产业,并创立了黄飞鸿热灸馆;主要业务服务有黄飞鸿热炙理疗,黄飞鸿热炙理疗馆加盟,黄飞鸿理疗馆,黄飞鸿热灸,黄飞鸿养生馆加盟,黄飞鸿养生馆加盟,黄飞鸿热灸馆,黄飞鸿热灸体验馆,黄飞鸿热灸馆加盟,黄飞鸿热灸理疗馆,黄飞鸿热灸膏

  • tp钱包

    TokenPocket钱包支持数字资产存储。每天走势掌握,功能强大,在线管理数字货币,超多币种推送,多种交易方式,私钥用户自持且轻便易用的以太坊轻钱包。tp支持多资产类型,如:TokenPocket、ETH、QTUM、AE、BTM等大多数主流币种,让tp钱包更好地融入你的生活。

  • 浙江丰安齿轮股份有限公司

    浙江丰安齿轮股份有限公司成立于1999年1月,是一家集开发、设计、制造、销售服务为一体的齿轮专业制造商,占地面积93亩,总资产3亿余元,主要设备400余台。公司于2017年1月在“新三板”挂牌,股票代码870508。公司以精湛的技术、过硬的品质、优良的服务来赢得客户满意,努力打造业界一流齿轮制造企业。

  • 浙江中孚环境设备股份有限公司

    我公司系高新技术企业,专业从事空气净化的产品生产、工程服务及洁净技术的应用与研究,提供从空调处理设备、空调自动控制系统到洁净室系统全面服务,为各类工业用空气处理提供一揽子解决方案及交钥匙工程。   产品遍及全国几十个省市,并出口至巴基斯坦、伊朗等国家。我公司在化纤工艺空调领域精耕细作20余年,2001年进入医药、电子等行业的净化空调设备。   本公司拥有雄厚的技术力量和良好的售后服务,承接系统设计、技术咨询、产品制造、技术改造等项目。设备采用工业计算机、可编程序(PLC)控制器、数字直接控制器(DDC)等智能控制器,可实现节能显著的运行系统(节能策略有:新回风的焓值控制、二次回风、送风机的变频调速;非露点控制方案在过渡季节节能50%。在化纤纺丝行业采用的节能措施,同样可在医药行业的净化空调上使用);采用与国际惯例接轨的CAD设计和质量保证体系。

  • 江苏双友智能装备科技股份有限公司

    双友科技为客户提供直缝埋弧焊管生产线、直缝高频焊管生产线、螺旋埋弧焊管生产线、钢管内外防腐生产线,石油套管生产线,热处理生产线以及其他系列产品。同时公司致力于为高端铝业服务,为客户提供更为高效,节能,环保,安全的铸铝生产线及其相关设备。公司积极推进国际化发展战略,逐步实现品牌、市场、团队、技术、管理与国际化标准接轨。此外,公司与众多国际知名管材和铝材生产商建立了紧密的合作关系,在中东设立了海外分支机构。双友科技旨在将中国的高端制造带给世界。

  • 南京三超新材料股份有限公司

    南京三超新材料股份有限公司成立于1999年1月,注册资本9360万元,2017年4月21日,在深圳创业板成功挂牌上市。占地面积130亩,建筑面积约86,000平方米。是一家专业从事金刚石、立方氮化硼工具的研发、生产与销售的高新技术企业,现拥有金刚石砂轮和金刚石线两大类相互协同的产品系列,应用于硅、蓝宝石、石英、铁氧体、钕铁硼、陶瓷、玻璃、硬质合金等硬脆材料的精密切割、磨削与抛光。 公司自成立以来,始终坚持"以人为本、技术优先"的发展理念,先后引入多名外籍专家,并在日本成立了超硬材料工具的专业研发机构。经过多年研发,公司成为国内最早通过自主研发掌握金刚线制造的相关技术,成功实现产业化的企业之一,并且打破了国外企业的技术垄断,与新研发成功的硅片背面减薄砂轮、硅片倒角砂轮、PAD修整器等产品,为半导体及太阳能光伏行业提供了优质的金刚石工具,并凭借良好的品质与高性价比,赢得了众多实力用户认可,在国内形成了较高的行业影响力。