`

页面访问速度性能优化

 
阅读更多

PC端首页URL:http://2.suning.com/

性能测试结果:https://gtmetrix.com/reports/2.suning.com/84Mekq0g

 

 

问题和优化方案:

问题1. 部分图片尺寸过大

优化方案:对这些图片采用webp方式访问,并优化图片懒加载

 

问题2. 部分请求没有加CDN

优化方案:对首页请求后端的接口加上CDN缓存

 

问题3. css文件引用的图片没有合并

优化方案:将css中引用的图片进行合并

 

问题4. 静态资源文件(js、css)没有压缩

优化方案:在上传静态资源文件到cms服务器时,勾选压缩模式。

 

 

 

分享到:
评论

相关推荐

    网页加速优化方案 H5性能优化 提高网页访问速度

    网页加速优化方案 H5性能优化 提高网页访问速度 资源加载 图片的处理 域名,服务器配置 代码资源 代码规范 API接口的处理 其它建议 更快一步 按需加载 一秒钟法则

    ASP.NET 26个常用性能优化方法

    1.数据库访问性能优化; 2.字符串操作性能优化; 3.优化 Web 服务器计算机和特定应用程序的配置文件以符合您的特定需要; 4.一定要禁用调试模式; 5.对于广泛依赖外部资源的应用程序,请考虑在多处理器计算机上启用网络...

    SQLServer安全及性能优化

    SQLServer安全及性能优化 修补漏洞 安装程序补丁修补漏洞 随时关注微软官方网站补丁升级 关闭不必要的端口 关闭联必要的服务 数据库引擎 SQL Server Analysis Services SQL Server Reporting Services SQL ...

    性能优化之代码优化页面加载速度

    1.按需加载,把统计、分享等 JS 在页面 onload 后再进行加载,可以提高访问速度; 2.优化 Cookie ,减少 Cookie 体积; 3.避免 []() 的 src 为空; 4.尽量避免设置图片大小,多次重设图片大小会引发图片的多次重绘,...

    SQL查询安全性及性能优化

    网络经验:网络经验:三个效率是不一样的,但是我们发现经过SQLServer优化后性能一样。但我们并不能以此推翻前人经验。 执行计划总结 主要图表 检索表的所有行,当查询没有使用到索引时,查询所采用的形势即为表...

    IIS 网站服务器性能优化指南

    用于分析网页,并根据一些高性能网站的规则进行相应的评级打分,对于网页性能优化有很好的帮助作用,告诉你那些部分影响了你的网页速度,并告诉你如何基于某些规则而进行优化。我们对于IIS的优化策略就是基于YSlow的...

    优化网站性能提高网站速度访问速度的14条实践

    当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的。以上是一张web2.0页面的生命周期图。工程师很...

    优化网站性能的14条军规快速提高网站访问速度

    自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化网站性能的。以上是一张web2.0页面的生命周期图。工程师很形象地讲它分成了“怀孕,出生,毕业,结婚...

    构建高性能web站点 高清完整版

    涵盖了Web站点性能优化的几乎所有内容,包括数据的网络传输、服务器并发处理能力、动态网页缓存、动态网页静态化、应用层数据缓存、分布式缓存、Web服务器缓存、反向代理缓存、脚本解释速度、页面组件分离、浏览器...

    SQL Server数据库查询速度慢原因及优化方法

    4、根据查询条件,建立索引,优化索引、优化访问方式,限制结果集的数据量。注意填充因子要适当(最好是使用默认值0)。索引应该尽量小,使用字节数小的列建索引好(参照索引的创建),不要对有限的几个值的字段建单一...

    构建高性能Web站点

    几乎涵盖了Web站点性能优化的所有内容,包括数据的网络传输、服务器并发处理能力、动态网页缓存、动态网页静态化、应用层数据缓存、分布式缓存、Web服务器缓存、反向代理缓存、脚本解释速度、页面组件分离、浏览器...

    构建高性能Web站点(修订版).pdf

    几乎涵盖了Web站点性能优化的所有内容,包括数据的网络传输、服务器并发处理能力、动态网页缓存、动态网页静态化、应用层数据缓存、分布式缓存、Web服务器缓存、反向代理缓存、脚本解释速度、页面组件分离、浏览器...

    高性能网站建设指南2 中文版 高性能网站建设指南(中文版)

     《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例,在本书的配套网站上可以找到代码片段。这些规则包括:  •减少HTTP请求 •使用...

    构建高性能WEB站点 part1

    涵盖了Web站点性能优化的几乎所有内容,包括数据的网络传输、服务器并发处理能力、动态网页缓存、动态网页静态化、应用层数据缓存、分布式缓存、Web服务器缓存、反向代理缓存、脚本解释速度、页面组件分离、浏览器...

    构建高性能WEB站点 part2

    涵盖了Web站点性能优化的几乎所有内容,包括数据的网络传输、服务器并发处理能力、动态网页缓存、动态网页静态化、应用层数据缓存、分布式缓存、Web服务器缓存、反向代理缓存、脚本解释速度、页面组件分离、浏览器...

    构建高性能WEB站点(完整版)

    涵盖了Web站点性能优化的几乎所有内容,包括数据的网络传输、服务器并发处理能力、动态网页缓存、动态网页静态化、应用层数据缓存、分布式缓存、Web服务器缓存、反向代理缓存、脚本解释速度、页面组件分离、浏览器...

    Web性能测试工具解析.doc

    为了避免这种情况,需要一种能够真实模拟大量用户访问Web应用系统的性能测试工具进行压力测试,来测试静态HTML页面的响应时间,甚至测试动态网页(包括ASP、PHP、JSP等)的响应时间,为服务器的性能优化和调整提供...

Global site tag (gtag.js) - Google Analytics