海之韵BLOG | 耿真的个人网站 | 鲁ICP备15001313号 | 本站永久网址:https://www.gengzhen.cn

更新网站图片缓存,助你网站加速的十个小技巧

发布:耿真(GengZhen) 2021-5-16 6:08 分类: 技术文章 这篇文章没有标签

 网站网页的响应速度和性能对用户体验非常重要。如果你的网站打开太慢,不仅会失去流量,还会失去潜在的客户。像谷歌这样的搜索引擎在搜索排名中将网站的速度考虑在内,所以当优化你的网站速度时,每一毫秒都很重要,这里耿真分享了十个提高网站性能和速度的一般性优化技巧

1.实践延迟加载长页面内容: 可以使用Ajax技术异步更新页面局部内容而不是重新加载整个页面。大的图像文件可以先只显示图像缩略图,用户点击时再异步请求图片全尺寸大图。这样,如果用户只想看某几张图片就不必等待所有的图片下载完才能看。jQuery、Prototype这样的Ajax/web开发库可以使内容延迟加载很容易实现。

2.避免使用外部JS和CSS文件: 当用户访第一次你网页时,浏览器会缓存外部资源(CSS和JS文件)。抽取为单独的样式和JS文件,既减少网页渲染时间,也使代码更易于维护。
3.合理使用缓存: 依实际情况使用静态页面数据缓存或数据库缓存,缓存刷新机制按实际服务器配置来定。
4.不用程序代码来调整图片大小: 不要使用超文本标记语言来调整图像的大小(用标签缩小图片的宽度和高度),而是使用所需原始小图片文件。通常大图片意味着大文件,影响加载性能。
5.不使用图片显示文字: 图片中的文字不能被屏幕阅读器识别,对搜索引擎优化(SEO)也没用,还增加了网页的加载时间。如果网站用到大量自定义字体,可以用CSS(@font-face)来显示字体文件比图片更有效。
6.使用正确的文件格式优化图片大小: 通过选择正确的图片格式(PNG,JPG,GIF),在图片质量和文件大小间取得平衡。
7.优化网站代码: 网页元素展示的样式通过CSS来控制而不是HTML标签。(比如标签)
8.合理搭配页面加载JavaScript: 最好是在页面的末尾而不是开头加载JS脚本。这样浏览器在使用JavaScript之前呈现所有内容。这让你的网页感觉更具响应性,因为JavaScript的工作原理会在下载完之前阻止它下面的任何东西呈现。如果可以,在标签结束前引用JavaScript,延迟JS加载的内容。
9.使用内容分发网络加速器(CDN): 网站的访问速度很大程度上受用户位置的影响。与服务器离得越远,传输数据的距离就越长。通过节点服务器可以有效提高用户访问网站的响应速度。
10.优化网站网页缓存: 应尽可能多地使用网络缓存。浏览器可以缓存的内容包括CSS文件、JavaScript文件和图片。另外,通过设置超文本传输协议响应头,如过期和上次修改,以减少用户返回站点时重新下载某些文件。
嘻嘻大笑可怜吃惊害羞调皮鄙视示爱大哭开心偷笑嘘奸笑委屈抱抱愤怒思考日了狗胜利不高兴阴险乖酷滑稽
提交评论

清空信息
关闭评论
温馨提示本站内所有原创内容禁止转载,谢谢合作!

本页已获评论0/刷新81 次

关注耿真SEO微信公众号