如何启动网站性能优化 (如何启动网站服务功能)

本文目录导航：

• 如何启动网站性能优化
• 网站性能优化的实战指南
• 网站治理和保养的关键上班有哪些

如何启动网站性能优化

一、前端优化

网站性能优化是一个很综合的话题，触及到主机的性能和网站前后端程序等各个方面，我只是从实践阅历登程，分享一下自己所尝试过的网站性能优化方法。

之所以在题目上挂一个web2.0，是由于本文更侧重于中小网站的性能优化，我所经常使用的系统也是典型web2.0的LAMP架构。

首先讲讲前端的优化，用户访问网页的期待期间，有80%是出当初阅读器前端，特意是页面和页面中各种元素（图片、CSS、Javascript、flash）的下载之上。

因此在很多状况下，相关于把少量的期间花在艰辛而冗杂的程序改良上，前端的优化往往能起到事倍功半的作用。

雅虎最近将外部经常使用的性能测试工具yslow向第三方地下，并颁布了驰名的网站性能优化的十三条规则，倡导你下载并装置yslow，并作为测评网站优化成果的工具。

上方我挑其中特意有价值的详细说明一下优化的方法：

关于第一次性访问您网站，尚未在阅读器cache中缓存您网站内容的用户，咱们可以做的事情包括：

1）增加一个页面访问所发生的）会无利于提高阅读器并行下载网页内容的才干。

关于您网站的经常性访问用户，关键的优化思绪就是最大限制应用用户阅读器的cache来增加主机的开支。

1）在header中参与过时期间(ExpiresHeader)

在header中给静态内容参与一个较长的过时期间，这样可以经常使用户今后访问只读取缓存中的文件，而不会与主机发生任何的交互。

不过这样做也存在一些疑问，当图片、CSS和js文件降级时，用户假设不刷新阅读器，就无法取得此降级。

这样，咱们在对图片、css和js文件修正时，必定要启动重命名，才干保障用户访问到最新的内容。

这或许会给开发形成不小的费事，由于这些文件或许被站点中的许多文件所援用。

flickr提出的处置方法是经过urlrewrite使不同版本号的URL理想上指向同一个文件，这是一个痴呆的方法，由于url级别的操作效率是很高的，可以给开发环节提供不少便利。

要了解为什么这样做，必定要了解阅读器访问url时的上班机制：

a.第一次性访问url时，用户从主机段失掉页面内容，并把关系的文件（images,css,js）放在高速缓存中，也会把文件头中的expiredtime,lastmodified,ETags等关系消息也一起保管上去。

我的阅历，假设或许，尽量遵照此准则给静态文件参与过时期间，这样可以大幅度增加用户对主机资源的重复访问。

2）将css和js文件放在独立外部文件中援用

将css和js文件放在独立文件中，这样它们会被独自缓存起来，在访问其余页面时可以从阅读器的高速缓存中间接读取。

一些网站的首页或许是例外的，这些首页的自身阅读或许并不大，但却是用户访问网站的第一印象以及导向到其余页面的终点，也或许这些页面自身经常使用了少量的ajax部分刷新及技术，这时可以将css和js文件间接写在页面中。

3）去掉重复的脚本

在IE中，蕴含重复的js脚本会造成阅读器的缓存不被经常使用，细心审核一下你的程序，去掉重复援用的脚本应该不是一件很难的事情。

4）防止重定向的出现

除了在header中人为的重定向之外，网页重定向常在不经意间出现，被重定向的内容将不会经常使用阅读器的缓存。

比如用户在访问，主机会经过301转向到/，在前面加了一个“/”。

假设主机的性能不好，这也会给主机带来额外的累赘。

经过性能apache的alias或经常使用mod_rewrite模块等方法，可以防止不用要的重定向。

还有一些，比如经常使用CDN散发机制、防止CSS表白式等、防止经常使用ETags等，由于不太罕用，这里就不再赘述了。

做完了上述的优化，可以试着用yslow测试一下网页的性能评分，普通都可以到达70分以上了。

当然，除了阅读器前端和静态内容的优化之外，还有针对程序脚本、主机、数据库、负载的优化，这些更深档次的优化方法对技术有更高的要求。

本文的后半部分将重点讨论后端的优化。

二、后端优化

上次写完web2.0网站前端优化篇之后，不时想写写后端优化的方法，当天终于有期间将思绪整顿了进去。

前端优化可以防止咱们形成无谓的主机和带宽资源糜费，但随着网站访问量的参与，仅靠前端优化曾经不能处置一切疑问了，后端软件处置并行恳求的才干、程序运转的效率、配件性能以及系统的可裁减性，将成为影响网站性能和稳固的关键瓶颈所在。优化系统和程序的性能可以从以下的方面来入手：

1）apache、mysql等软件的性能的优化

虽然apache和mysql等软件在装置后经常使用的自动设置足以使你的网站运转起来，然而经过调整mysql和apache的一些系统参数，还是可以谋求更高的效率和稳固性。

这个畛域中有很多专业的文章和论坛（比如：），要想把握也要求启动深化的钻研和通常，这里就不重点讨论了。

2）运行程序环境减速

这里仅以我最常运行的php开发环境为例，有一些工具软件可以经过优化PHP运转环境来到达提速的目标，其基本原理大抵是将PHP代码预编译并缓存起来，而不要求扭转任何代码，所以比拟繁难，可以将php的运转效率优化50%以上。比拟罕用的php减速工具有：APC(?package=APC)、TurckMMCache（）、phpaccelebrator()，还有不要钱的ZendPerformanceSuite

3）将静态内容和灵活内容离开处置

apache是一特性能完善但比拟宏大的webserver，它的资源占用基本上和同时运转的进程数呈正比，对主机内存的消耗比拟大，处置并行义务的效率也普通。

在一些状况下，咱们可以用比拟轻量级的webserver来host静态的图片、样式表和javascript文件，这样可以大大优化静态文件的处置速度，还可以增加对内存占用。

我经常使用的webserver是来自俄罗斯的nginx，其余选用打算还包括lighttpd和thttpd等。

4）基于反向代理的前端访问负载平衡

当一台前端主机无余以接待用户访问时，经过前端机成功web访问的负载平衡是最极速可行的打算。

经过apache的mod_proxy可以成功基于反向代理的负载平衡，这里介绍经常使用nginx做代理主机，处置速度较apache更快一些。

5）运行缓存技术提高数据库效劳，文件缓存和散布式缓存

数据库访问处置并发访问的才干是很多网站运行的关键瓶颈，在想到经常使用主从结构和多farm的方式构建主机集群之前，首先应该确保充沛经常使用了数据库查问的缓存。

一些数据库类型（如mysql的innoDB）自身内置对缓存的支持，此外，还可以应用程序方法将罕用的查问经过文件或内存缓存起来。

比如经过php中的ob_start和文件读写函数可以很繁难的成功文件方式的缓存，而假设你领有多台主机，可以经过memcache技术经过散布式共享内存来对数据库查问启动缓存，不只效率高而且裁减性好，memcache技术在livejournal和等出名网站运行中都失掉了测验。

6）主机运转形态的检测，找到影响性能的瓶颈所在

系统优化没有与日俱增的方法，要求经过检测主机的运转形态来及时发现影响性能的瓶颈，以及或许存在的潜在疑问，由于网站的性能，永远取决于木桶中的短板。可以编写一些脚原本检测web服务的运转，也有一些开源的软件也提供了很好的性能

7）良好的裁减架构是稳固和性能的基础

一些技巧和窍门可以帮你渡过眼前的难关，但要想使网站具有接待大规模访问的才干，则要求从系统架构上启动彻底的规划，好在很多先人自私的把他们架构

网站的阅历分享给咱们，使咱们可以少走甚多弯路。我最近读到的两篇有启示的文章：

-从LiveJournal后盾开展看大规模网站性能优化方法

-Myspace的六次重构

最后不得不提到程序编码和数据库结构对性能的影响，一系列蹩脚的循环语句，一个不正当的查问语句、一张设计不佳的数据表或索引表，都足以会使运行程序运转的速度成倍的降落。

造就全局思索的才干，养成良好的编程习气，并对数据库运转机制有所了解，是提高编程品质的基础。

网站性能优化的实战指南

性能优化是运行程序开发必定的上班之一，其目标之一为用户提供极致的速度体验，本文总结WEB运行或许网站可以极速实操的阅历。

运行自身

运行或许网站自身的优化，不包括逻辑和代码的优化。

其中包括大家相熟的资源最小化、图片懒加载、增加HTTP恳求、提前加载、预加载。

资源最小化

资源（静态资源）紧缩是指从HTML、CSS和JavaScript中删除不要求加载的不用要的冗余数据的环节，包括删除代码注释和格局、空白字符、未经常使用的代码、换行符等。

如今的前端技术，这些上班都有现成的工具可以成功。

增加HTML、CSS和JavaScript将放慢前端加载期间，由于它增加了要求从主机恳求的代码量。

生成HTML、CSS和JavaScript代码的优化版本可以借助工具，如下：

HTML:PageSpeedInsights、HTMLMinifier。

CSS、ChromeDevTools中的Coverage工具、YUICompressor。

JavaScript：JSMin、ChromeDevTools中的Coverage工具。

提前加载

提前加载有助于进一步缩短前端加载期间，经常使用提前加载，首先确保关键的内容先加载，如页面框架、文本内容、首屏内容等。

在实践运行中可以对JavaScript启动提前加载，HTML中可以有两个关系属性async和defer，这个两个属性使得script都不会阻塞DOM的渲染。

：

defer属性规则能否对脚本口头启动提前，直到页面加载为止。

async：会使得script脚本异步的加载并在准许的状况下口头，并且不会按着script在页面中的顺序来口头，而是谁先加载完谁口头。

<scriptasyncsrc=图片懒加载

图片懒加载又称图片延时加载、惰性加载，即在用户要求看到图片的时刻加载，这样可以增加恳求，节俭带宽，提高页面加载速度。

通常将页面中的img标签属性src指向一张小尺寸图片或许为空，而后定义data-src属性指向实在的图片。

当载入页面时，先把可视区域内的img标签的data-src属性值赋值给src，而后参与页面滚动事情，把用户行将看到的图片加载。

假设不想自己写代码，可以经常使用第三方脚本库，如lazyload。

现代阅读器也成功了懒加载的性能，即为要求成功懒加载的标签参与属性loading=lazy，如：

<imgsrc===lazy><iframesrc===lazy></iframe>预加载

预加载就是经过设置相应的资源属性通知阅读器能否要求预取，包括CSS文件、JavaScript文件、DNS接下，关键是在HTML页面的<head></head>间参与<meta/>：

<linkrel=dns-prefetchhref=///><linkrel=preloadas=stylehref=/devpoint/public/css//><linkas=scriptrel=preloadhref=/devpoint/public/scripts/site_/>增加HTTP恳求

增加HTTP恳求，经常出现的准则页面尽量只要一个CSS文件和一个JavaScript文件，CSS小图片经常使用CSSSprites（经常使用图像汇合拼接成一个图像文件，而后经过经常使用CSS中的background-image和background-position属性来显示所需的图像区域。

这样做可以增加了所需的主机恳求数量）。

主机侧

主机侧这里繁难引见部署环境的优化，经常出现的方式是为静态资源参与缓存、紧缩文件。

缓存

为静态资源参与缓存是经常出现的处置方式，通常在名目开发中倡导驳回动态分别，即所谓的静态资源与运行自身分别，繁难对静态资源启动优化，参与缓存或许参与CDN都可以繁难的成功。上方是以Nginx的性能为例，为静态资源参与缓存：

location~*\.(gif|webp|txt|jpg|jpeg|png|swf|flv|ico|mp4|js|css|eot|ttf|woff|woff2|svg|bmp|doc|zip|docx|rar)${proxy_cachecache_one;proxy_cache_validh;proxy_cache_validd;proxy_cache_validany5m;expires90d;}紧缩文件

关于WEB名目，可以经常使用适合的方法紧缩文件，可以轻松地对前端的加载期间发生严重影响。以下是可以遵照的两个不错的文件紧缩选项：

Gzip：最盛行的数据紧缩和解紧缩方法，一切现代阅读器都支持，Gzip在将站点的HTML、CSS和JavaScript包发送到阅读器之前先在主机端对其启动紧缩，而后在客户端解紧缩文件并传送内容。

Brotli：与以后可用的紧缩方法相比，它提供了最佳的紧缩率，依据CertSimple的钻研，Brotli紧缩JavaScript文件比Gzip小14%，而HTML和CSS紧缩率比Gzip好21%和17%。

gzipon;gzip_varyon;gzip_proxiedoff;gzip_comp_level3;gzip_buffers328k;gzip_http_version1.1;gzip_typestext/plaintext/cssapplication/jsonapplication/javascripttext/xmlapplication/xmlapplication/xml+rsstext/javascript;总结

性能黄金规律：80-90%的最终用户照应期间用于下载前端组件，例如图像、样式表、脚本等。

因此，优化前端数据加载关于降落跳出率和参与用户在网站上的逗留期间至关关键。

网站治理和保养的关键上班有哪些

网站治理和保养的关键上班包括：内容降级、性能优化、安保防护、用户支持。

1. 内容降级：这是网站治理和保养的外围义务之一。

治理员要求活期降级网站的内容，包括资讯、文章、产品消息等，以坚持网站的生机和吸引力。

同时，他们还要求对网站规划和设计启动适时的调整，以优化用户体验。

2. 性能优化：网站的性能优化是确保网站运转流利的关键。

这包括优化网站的加载速度、确保网站的照应性，以及治理主机资源等。

治理员要求监控网站的性能，活期启动优化，以提高用户体验和网站的经营效率。

3. 安保防护：网络安保是网站治理和保养中无法漠视的一环。

治理员要求采取多种措施来包全网站免受黑客攻打、恶意软件入侵等安保要挟。

这包括活期降级安保插件、监控意外访问、制订安保战略等，以确保网站和用户数据的安保。

4. 用户支持：提供有效的用户支持是网站治理和保养的关键部分。

当用户在阅读网站时遇到疑问，治理员要求提供协助和支持，处置用户遇到的疑问。

这可以是经过提供经常出现疑问解答、在线表单、实时聊天等性能来成功的。

有效的用户支持可以提高用户的满意度和忠实度。

总的来说，网站治理和保养是一个综合性的上班，要求治理员具有多方面的技艺和常识。

他们不只要求关注网站的内容和品质，还要关注网站的性能和安保，同时提供有效的用户支持。