seo12.jpg

网站开通速度不仅影响用户体验,而且对网站优化排名也极为不利。那么如何提高网站开放的速度也是我们作为SEO人员关注的焦点,所以除了更改服务器外,还有哪些方法可以改善网站?开放速度?今天,成都SEO给你一个网站开通速度优化方法的总结!
 1、减少请求最大的性能漏洞是页面需要启动数十个网络请求以获取样式表,脚本或图像等资源,这对于相对低带宽和高延迟的移动设备连接来说更是一个问题。
2、整合资源对于开发人员来说,将Javascript代码和CSS样式放在公共文件中以进行多页共享是一种标准的优化方法,可以轻松维护代码并提高客户端缓存效率。
在Javascript文件中,确保未多次加载页面中的相同脚本。当一个大型团队或多个团队一起工作时,这个冗余的脚本很容易出现。你可能想要它。非常令人惊讶的是频率不低。
精灵是一种在css中处理图像的技术。 Sprite将多个图像集成到线性的大网格图像中。该页面可以检索大图像并将其用作css背景图像。 css的背景定位属性显示了页面所需的图像部分。该技术将多个请求合并为一个,这可以显着提高性能。
3、使用浏览器缓存和本地缓存现在,所有浏览器都使用本地资源来缓存由Cache-Control或Expires标头标记的资源。这些标头可以标记何时需要缓存资源。此外,ETag(实体标签)和Last-Modified标头标识资源。是否在到期后请求重新请求,浏览器应尽可能从本地缓存中获取资源,以减少不必要的服务器请求,并清理那些已过时或缓存空间减少的资源。浏览器缓存通常包括图像,CSS和Javascript代码,可以合理地提高网站的性能(例如,支持后退和前进按钮,使用单独的缓存来保存整个呈现的页面)。
4、首次使用的时候在HTML中嵌入资源HTML的标准是使用链接来加载外部资源,这使得更容易在服务器(或CDN)上更新这些资源,而不是根据上面讨论的模式在每个页面上修改和更新这些资源。它还允许浏览器从本地缓存而不是服务器获取资源。
 5、使用HTML5服务端发送事件Web应用程序使用各种方法从服务器轮询资源以不断更新页面。 HTML5 EventSource对象和Server-Sent事件可以通过浏览器端JavaScript代码打开服务器端连接客户端的单向通道。此写通道可用于发送数据,从而节省了为HTTP创建多个轮询请求的成本。
此方法比HTML WebSocket更有效。 WebSocket的使用场景是当客户端和服务器之间存在许多交互(例如消息或游戏)时,在全双工连接上建立双向通道。
该技术基于特定技术。如果您的站点当前使用其他Ajax或Comet技术进行轮询,则转换为Server-Sent事件需要重构Javascript代码。
 6、消除重定向当用户访问移动设备上的桌面PC网站时,网站应用程序通常会读取HTTP用户代理标头以确定用户是否来自移动设备,然后应用程序发送带有空的HTTP主体并重定向HTTP 。地址标题处的HTTP 301(或302)请求将用户重定向到网站的移动版本,但这种额外的客户端 – 服务器交互通常需要数百毫秒的移动网络,因此在原始请求上传递移动的网页比传递重定向的消息并让客户端请求移动页面更快。
 7、减少资源负载关于移动页面的大小,渲染小页面更快,获得更小的资源更快。减少每个请求的大小通常不如减少页面请求的数量那么重要。
但是,某些技术在性能方面仍然具有很大优势,特别是在需要带宽和处理器性能的移动设备环境中。
 8、压缩文本和图像压缩技术(如gzip)依赖于增加服务器端压缩和浏览器解压缩的步骤以减少资源负载,但一般来说,这些操作都经过高度优化,测试表明压缩仍在网站上。为了优化性能,这些基于文本的响应(包括HTML,XML,JSON(Javascript Object Notation),Javascript和CSS)可以减少大约70%。
 9、代码简化简化的好处不仅限于减少带宽和延迟。对于那些无法在移动设备上保存的超大资源,Gzip也得到了很大的改进。 Gzip在这方面没有帮助,因为资源正在被解压缩。被缓存后。
10、调整图片大小图像通常占用网页加载的大部分网络资源,也占用页面缓存的主空间。如果用户只是小的话,小屏幕移动设备提供了通过调整图像大小来加速图像资源的传输和渲染的机会。高分辨率图像在移动设备中查看图像时浪费带宽,处理时间和缓存空间浏览器窗口。
 11、使用HTML5和CSS 3.0来简化页面这不解释!
12、延迟渲染”BELOW一THE一FOLD”内容一些好的Javascript库可用于处理下面这些一次性的延迟加载图像。
13、延迟读取和执行的脚本在某些移动设备上,解析Javascript代码的速度可以达到每毫字100毫秒。在呈现页面之前,不会加载许多脚本库。下载和解析这些脚本可以安全地推迟到onload。在活动结束后这样做。
14、使用Ajax来增强进程Ajax(异步JavaScript和XML)是一种使用XHR(XMLHttpRequest)对象从Web服务器检索数据的技术。它不需要更新正在运行的页面。 Ajax可以更新页面的一部分而无需重建。整个页面,通常用于提交用户交互,但也可以用于首先加载页面的框架部分,然后在用户准备好浏览页面时填写详细内容。
 15、根据网络状况进行适配处理由于使用更多带宽将花费更多移动网络,因此只能检测网络类型以使用特定网络的优化技术。
16、对多线程来说尽量使用HTML5的WEB WORKER特性为了提高移动站点的性能,Web Worker中的代码非常适合预处理用户完成进一步操作所需的资源,尤其是在用户带宽资源不短缺时带宽性能较低的情况下。在设备上,过多的预加载可能会干扰当前页面的UI响应。使用多线程代码,让Web Worker对象(并使用localStorage尽可能地缓存数据)来操作另一个线程中的预加载资源。影响当前的UI性能。
17、将CLICK事件替换成TOUCH事件确保没有用户不期望的行为,您应该使用touchstart和touchmove事件
 18、支持SPDY协议SPDY自动使用gzip压缩所有内容。与HTTP不同,它对头数据使用gzip压缩。 SPDY使用多线程技术允许多个请求流或响应流共享单个TCP连接。 SPDY允许优先处理请求。例如,页面中心的视频优先级高于边框中的广告。
以上是提高网站开通速度的优化方法。你可以参考它。如果有更好的方法来提高网站开放速度,请在评论中分享评论。这个博客是一个具有不同意见或观点的seo学习交流平台。表达意见!