漂流的心 | 耿真的个人网站 | 鲁ICP备15001313号 | 本站永久网址:https://www.gengzhen.cn|

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

发布:耿真(GengZhen) 2021-05-16 06:08:00 归属栏目: 网站优化

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

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文件和图片。另外,通过设置超文本传输协议响应头,如过期和上次修改,以减少用户返回站点时重新下载某些文件。
温馨提示本站内所有原创内容禁止转载,谢谢合作!

关注耿真SEO微信公众号