优化网站速度的10个技巧

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

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

几毫秒的时间。优化网站速度的10个技巧这里只是一些通用的网站优化技巧,以提高网站的性能和速度。

1.尽可能推迟加载内容

Ajax允许我们构建可以随时异步更新的网页。这意味着,当用户执行一个操作时,我们不需要重新加载整个页面,而是只需更新页面的部分内容。我们可以使用图像库作为示例。

图像文件又大又重;它们可以慢下来页面加载速度的网页。我们不需要在用户第一次访问网页时加载所有的图片,我们可以只显示图片的缩略图,然后当用户单击它们时,我们可以异步地从服务器请求全尺寸的图片并更新页面。这样,如果用户只想看几张图片,他们就不必忍受等待所有图片下载的痛苦。

这种开发模式称为延迟加载.Ajax/web开发库,如jQuery、Prototype和MooTools可以使延迟的内容加载更容易实现。

2.使用外部JS和CSS文件

当用户第一次加载你的网页时,浏览器会缓存外部资源,如CSS和JavaScript文件。因此,最好将它们放在外部文件中,而不是内联JavaScript和CSS文件。使用内联CSS还增加了网页的渲染时间;在主CSS文件中定义所有内容可以让浏览器在呈现页面时做更少的工作,因为它已经知道需要应用的所有样式规则。

额外的好处是,使用外部JavaScript和CSS文件使网站维护更容易,因为您只需要维护全局文件,而不是分散在多个网页中的代码。

3.使用缓存系统

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

流行的内容管理系统,如WordPress和Drupal,都有可以转换的静态缓存功能动态生成的页面到静态HTML文件,以减少不必要的服务器处理。对于WordPress,请查看WP超级缓存(六个人中的一个关键的WordPress插件Six Revisions已经安装了)。Drupal的核心具有页面缓存功能。

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

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

如果一幅图片最初的尺寸是1280x900px,但你需要将其设置为400x280px,你应该使用像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之前呈现所有内容。这使你的网页感觉更灵敏,因为JavaScript的工作方式是它阻止任何低于它的渲染,直到它完成下载。

如果可能的话,在结束之前引用JavaScript<身体>标记。要了解更多,请阅读相关文章延迟JavaScript的加载

9.使用内容分发网络(CDN)

你的网站的速度很大程度上取决于用户的位置,相对于你的web服务器。他们离得越远,数据传输的距离就越远。将内容缓存到多个战略位置的地理位置有助于解决这个问题。

一个CDN通常会使你的运营成本略高,但你肯定会获得一个速度加成。看看MaxCDN的亚马逊简单存储服务(Amazon S3)。

10.优化Web高速缓存

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

除了将用于多个页面的CSS和JavaScript代码放在外部文件中这样的基本方法之外,还有许多方法可以确保以最有效的方式缓存文件。例如,您可以设置HTTP响应头到期而且last - modified当用户回到您的站点时,减少重新下载某些文件的需要。要了解更多,请阅读相关文章在HTTP缓存而且利用浏览器缓存

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

用WebFX产生收益

优化你的网站速度可以加强你的搜索引擎优化方法,改善用户体验,所以你可以自信地前进,你的关键词和内容将带来转换和收入。起价在900- 1000美元之间,你可以接触到一个SEO专家团队,可以进一步促进你的业务.WebFX产生了780万年领导在过去的五年中,我们可以推动流量到您的页面与我们的熟练搜索引擎优化服务

今天就在线联系我们或致电888-601-5359开始提高排名,增加收入。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!