石家庄做网站:提升网站速度

介绍

“我们的生活只是为了发现美丽,所有其他都是等待的形式.Khalil Gibran”,如果你同意这个说法,那么你很清楚最小化等待网络观众的意义。
构建一个HTML页面,添加图像,CSS和JS已经成为过去几年的小事,但是将这些丰富内容与Performance一起提供给客户端浏览器仍然是一项艰巨的任务。这个缩小的检查列表将帮助您查看您的网站,以尽量减少下载时间。

注意:本文仅介绍前端工程问题,本文将讨论无编程/ CGI脚本/数据结构/数据库/多媒体优化技术。

背景

去年在WNetwork.com和Treehousetv.com工作期间,我决定写下我过去几年在网络开发方面的经验,以及从许多来源学习,并试图养成应用它们的习惯。我编写了这些笔记,希望每个读者都能从中获得至少一两个想法。

奠定基础

在第一部分中,我们将看到时间花费的时间,然后在第二部分中我们将看到为什么以及如何最小化该时间,然后在第三部分中我们将总结一些概念和列表工具。

A部分:场景背后

本节介绍两者之间发生的情况,当用户键入WWW地址并在他/她眼前看到完整的网页时。这将让我们了解时间花在哪里以及如何最小化它。

点击这样看大图。
请注意:上图可能看起来很复杂,但DNS查找通常需要不到一秒钟,大约:100ms到900ms。详细信息显示了一个完整的过程。

点击这样看大图。

点击这样看大图。

点击这样看大图。

点击这样看大图。

点击这样看大图。

现在让我们谈谈这一点:

第B节:优化加载时间

以下指南基于常识和经验的收集,应用可能因情况而异。我建议记录当前网站加载统计信息,并在应用任何指南后分析结果。

1.减少HTTP请求的数量

2.精通<HTML>

3.精通<IMG>

4.精通<TABLE>

5.页面中的组件顺序

6.减少请求和响应大小

7.减少域查找

8.内容分发网络:(针对特定地区)

9. AJAX:

10.其他/杂项:

摘要:

隐藏   复制代码

.HTML..........Simplify design.
  .HEAD
    .LINK......CSS file(s) required for page appearance.
    .SCRIPT....JS functions required during page load.
  .BODY
    ...........Small chunks (DIVs, TABLEs), minimize images.
    .SCRIPT....JS functions required after page load, validation etc.
    .PRELOAD...If required, Pre load any images here.

C部分:工具

脚注

一些专家声称,如果您的主页在8秒内没有加载,那么多达三分之一的网站访问者会感到沮丧并离开。我希望这些指南和示例有助于快速了解并应用对Web开发的改进。

石家庄做网站:提升网站速度


合作伙伴

网站备案:豫ICP备15023476号-1 唯特科技