优化网站速度的10个技巧

Raphael Caixeta是PHP和iOS开发人员,也是Grip'd的联合创始人。他喜欢在raphaelcaixeta.com上写关于web和iOS开发的博客。如果你想与他联系,你可以在Twitter@raphaelcaixeta上关注他,并将他添加到Facebook(raphaelcaixeta)上。

网页速度和性能对用户体验非常重要。如果你的网站速度太慢,你不仅会失去访客,还会失去潜在客户。搜索引擎像谷歌因子a网站的速度考虑到搜索排名,所以当优化你的网站的速度,你应该把一切都考虑进去。几毫秒的时间。

优化网站速度的10个技巧

这里有一些通用的网站优化技巧,可以提高网站的性能和速度。

1.尽可能推迟加载内容

Ajax允许我们构建可以在任何时候异步更新的网页。这意味着,当用户执行操作时,我们不需要重新加载整个页面,而只需更新页面的部分内容。

我们可以使用图片库作为例子。图像文件又大又重;他们可以放慢速度页面加载速度的网页。我们不需要在用户第一次访问网页时加载所有的图像,而只需显示图像的缩略图,然后当用户点击它们时,我们可以异步地从服务器请求完整大小的图像并更新页面。这样,如果用户只想看到几张图片,他们就不必等待所有图片下载完毕。这种开发模式被称为延迟加载

jQuery、Prototype和MooTools等Ajax/web开发库可以使延迟内容加载更容易实现。

2.使用外部JS和CSS文件

当用户第一次加载你的网页时,浏览器会缓存外部资源,比如CSS和JavaScript文件。因此,最好将它们放置在外部文件中,而不是内联JavaScript和CSS文件。

使用内联CSS也会增加网页的呈现时间;在主CSS文件中定义所有内容可以让浏览器在呈现网页时减少工作量,因为它已经知道需要应用的所有样式规则。

作为奖励,使用外部JavaScript和CSS文件使网站维护更简单,因为您只需要维护全局文件,而不需要分散在多个网页中的代码。

3.使用缓存系统

如果您发现您的站点为了创建相同的内容而连接到数据库,那么是时候开始使用缓存系统了。通过使用缓存系统,您的站点只需创建一次内容,而不是每次用户访问页面时都创建内容。别担心,缓存系统会根据你的设置定期刷新缓存,所以即使是不断变化的网页(比如带有评论的博客文章)也可以被缓存。

像WordPress和Drupal这样的流行内容管理系统将拥有静态缓存功能动态生成的页面到静态HTML文件,以减少不必要的服务器处理。对于WordPress,请查看WP超级缓存(六人之一关键的WordPress插件已经安装了Six Revisions网站)。Drupal的核心有一个页面缓存特性。

还有数据库缓存和服务器端脚本缓存系统,您可以安装在web服务器上(如果您有能力的话)PHP加速器通过缓存和其他各种方法优化性能;PHP加速器的一个例子是APC数据库缓存通过减少与数据库读/写/访问过程相关的工作,提高web应用程序的性能和可伸缩性;memcached,例如,缓存频繁使用的数据库查询。

4.避免在HTML中调整图像大小

如果一幅图像最初的尺寸是1280x900px,但你需要它是400x28px,你应该使用Photoshop之类的图像编辑器来调整和保存图像,而不是使用HTML的宽度高度属性(即。).这是因为,很自然地,大图像在文件大小上总是比小图像大。

与其使用HTML来调整图像的大小,不如使用Photoshop等图像编辑器来调整图像的大小,然后将其保存为一个新文件。

5.停止使用图像显示文本

不仅图像中的文本对于屏幕阅读器来说是无法访问的,而且对于用户来说是完全无用的搜索引擎优化,但是使用图片来显示文本也会增加网页的加载时间,因为更多的图片意味着更重的网页。

如果你需要在网站中使用很多自定义字体,了解CSS@font-face使用自定义字体更有效地显示文本。不用说,您必须确定提供字体文件是否比提供图像更为理想。

6.使用正确的文件格式优化图像大小

通过选择正确的图像格式,您可以优化文件大小而不损失图像质量。例如,除非你需要PNG格式提供的图像透明度(alpha图层),否则JPG格式通常以较小的文件大小显示照片图像。

要了解更多关于如何选择JPG、PNG和GIF的信息,请阅读以下指南:

此外,还有许多工具可以用来进一步降低图像的文件权重。看看这个列表优化图像的工具

7.优化你写代码的方式

看看你的源代码。你真的需要所有你正在使用的标签吗?或者你能用CSS来帮助显示吗?例如,不使用<标题> < em >你标题< / em > < / h1 >,您可以使用CSS轻松地使用字体样式财产。高效地编写代码不仅可以减少HTML和CSS文档的文件大小,还可以使其更易于维护。

8.在文档末尾加载JavaScript

最好在页面末尾而不是开始加载脚本。它允许浏览器在开始使用JavaScript之前呈现所有内容。这使您的web页面感觉更具响应性,因为JavaScript的工作方式是在完成下载之前阻止其下方的任何内容呈现。如果可能,请在结束之前引用JavaScript<身体>HTML文档的标签。要了解更多信息,请阅读延迟JavaScript的加载

9使用内容交付网络(CDN)

相对于web服务器,用户的位置对站点的速度有很大影响。它们离得越远,数据传输的距离就越远。将内容缓存在多个战略性地理位置有助于解决此问题。A.CDN通常会使您的运营成本稍高,但您肯定会获得速度奖金。退房MaxCDN亚马逊简单存储服务(Amazon S3)。

10.优化Web高速缓存

除了使用缓存系统,你还应该创建尽可能多地使用web缓存的网站。Web高速缓存是指web浏览器缓存文件以供以后使用。浏览器可以缓存的内容包括CSS文件、JavaScript文件和图像。

除了将多个页面中使用的CSS和JavaScript代码放在外部文件中这样的基础知识外,还有许多方法可以确保以最有效的方式缓存文件。

例如,您可以设置HTTP响应头到期last - modified以减少用户返回您的站点时重新下载某些文件的需要。想要了解更多,请阅读在HTTP缓存利用浏览器缓存

设置HTTP到期在Apache的头文件中,阅读本教程关于添加未来过期头文件。

通过WebFX产生收入

优化你的网站速度可以加强你的搜索引擎优化方法,改善用户体验,所以你可以信心十足地前进,你的关键字和内容将带来转化率和收入。

开始在900- 1000美元之间,你可以访问一个搜索引擎优化专家团队,可以进一步推动你的业务.WebFX产生了460万年领导在过去的五年中,我们可以利用我们的技术将流量提升到您的页面搜索引擎优化服务

请立即在线联系我们或者打电话给我们888-601-5359开始获得更高的排名并带来更多收益。

相关内容