龙空技术网

助你网站加速的十个小技巧

IT小书虫 160

前言:

当前我们对“jquery全面提速”大约比较关切,姐妹们都需要分析一些“jquery全面提速”的相关资讯。那么小编在网摘上网罗了一些关于“jquery全面提速””的相关资讯,希望你们能喜欢,姐妹们快快来学习一下吧!

网页的响应速度和性能对用户体验非常重要。如果你的网站太慢,你不仅会失去访问者,还会失去潜在的客户。像谷歌这样的搜索引擎在搜索排名中将网站的速度考虑在内,所以当优化你的网站速度时,你应该把一切都考虑进去。每一毫秒都很重要。

本文分享了十个提高网站性能和速度的一般性优化技巧。

尽可能延迟加载内容: 可以使用Ajax技术异步更新页面局部内容而不是重新加载整个页面。大的图像文件可以先只显示图像缩略图,用户点击时再异步请求图片全尺寸大图。这样,如果用户只想看某几张图片就不必等待所有的图片下载完才能看。jQuery、Prototype这样的Ajax/web开发库可以使内容延迟加载很容易实现。使用外部JS和CSS文件: 当用户访第一次你网页时,浏览器会缓存外部资源(CSS和JS文件)。抽取为单独的样式和JS文件,既减少网页渲染时间,也使代码更易于维护。使用缓存: 依实际情况使用静态页面数据缓存或数据库缓存,缓存刷新机制按实际业务定。不要用HTML代码来调整图片大小: 不要使用超文本标记语言来调整图像的大小(用标签缩小图片的宽度和高度),而是使用所需原始小图片文件。通常大图片意味着大文件,影响加载性能。不要使用图片显示文字: 图片中的文字不能被屏幕阅读器识别,对搜索引擎优化(SEO)也没用,还增加了网页的加载时间。如果网站用到大量自定义字体,可以用CSS(@font-face)来显示字体文件比图片更有效。使用正确的文件格式优化图片大小: 通过选择正确的图片格式(PNG,JPG,GIF),在图片质量和文件大小间取得平衡。优化你的代码: 网页元素展示的样式通过CSS来控制而不是HTML标签。(比如<em>标签)在文档末尾加载JavaScript: 最好是在页面的末尾而不是开头加载JS脚本。这样浏览器在使用JavaScript之前呈现所有内容。这让你的网页感觉更具响应性,因为JavaScript的工作原理会在下载完之前阻止它下面的任何东西呈现。如果可以,在<body>标签结束前引用JavaScript,延迟JS加载的内容。使用内容分发网络(CDN): 你的网站的速度很大程度上受用户位置的影响。与服务器离得越远,传输数据的距离就越长。通过节点服务器可以有效提高用户访问网站的响应速度。优化网页缓存: 应尽可能多地使用网络缓存。浏览器可以缓存的内容包括CSS文件、JavaScript文件和图片。另外,通过设置超文本传输协议响应头,如过期和上次修改,以减少用户返回站点时重新下载某些文件。

from:webfx/William Craig

标签: #jquery全面提速