如何使用代理服务器访问授权的网站_如何减少HTTP请求并加快网站访问速度?...

news/2024/5/9 12:23:29/文章来源:https://blog.csdn.net/weixin_39922151/article/details/111377795
ab58f64f85779f372386503f6f41fb67.png

每当有人访问您网站上的页面时,浏览器都必须请求大量文件。这些HTTP请求直接影响网页的加载速度。通常,更少的HTTP请求意味着网站加载速度更快。 现在,网站的加载速度是搜索引擎排名的重要因素。平均而言,媒体页面加载速度为谷歌的10个结果只是1.65秒。

这凸显了拥有快速加载网站的重要性。搜索引擎结果页(SERP)上的顶部结果会在不到两秒钟的时间内加载。您可以通过此视频进一步了解HTTP请求以及它们如何影响网站的加载速度。网站必须处理的HTTP请求总数可能会对整体加载速度产生巨大影响。您可以通过减少HTTP请求来显著改变网站的加载速度。这是减少HTTP请求数量和提高网站加载速度的8种方法。

1.删除不必要的图像

正如我们刚刚讨论的,更多文件意味着更多请求。

因此,目标是最小化网页必须加载的文件和图像的数量。反过来,这减少了HTTP请求的数量,并可以提高网页的加载速度。

这里有两点需要注意:

  1. 清理媒体库并删除所有不必要的图像。您会惊讶地发现许多甚至可能不再使用的图像。例如,用于网页的图像现在已经不复存在了。
  2. 不要为了减少HTTP服务器请求而牺牲图像。这个想法是删除不必要的图像,而不是减少通常使用的图像数量。

处理完图像后,请查看并删除一些其他不必要的文件。例如,它可以是嵌入式视频或第三方社交媒体源插件。

确定您的网页使用的不同元素,然后选择不必要的元素,但浪费您的资源。摆脱它们,提高网站的加载速度。

2.缩小图像尺寸

您可能已删除了合理数量的图像。但是,仍然会剩下很多图像。而且您无法摆脱它们。你不应该

因此,下一步是减少要在网页上使用的图像的文件大小。

您可以使用shortpixel之类的工具来压缩所用图像的大小。此外,强烈建议使用网络友好的图像。例如,尽可能使用.jpg图像而不是.png。

减小图像尺寸是提高网页加载速度的最基本技术之一。

3.实施延迟加载技术

您一定听说过惰性加载技术,对吗?

如果您还没有,请简要说明一下它是什么以及它如何工作。

一个页面可能包含许多图像。当用户访问该页面时,您的站点将针对所有这些图像发送HTTP服务器请求。根据您的网页有多沉重,这可能会使它变慢。

但是,如果用户甚至从未打算向下滚动到页面底部并看到所有这些图像怎么办?

延迟加载技术解决了该问题。

代替发送不必要的HTTP请求,此技术仅在用户向下滚动到页面上的图像时发送服务器请求。

延迟加载技术对资源的智能利用可以显着减少HTTP请求的数量,并提高站点的加载速度。

4.忽略页面上无关的资源

忽略网页上的相关资源与延迟加载类似。

正如我们刚刚讨论的,延迟加载会延迟发送服务器对未查看图像的请求。

同样,您可以安装诸如LazyLoad之类的工具,该工具将检测网站的特定页面上存在的代码和文件。一旦识别出此类文件,插件将阻止将它们加载到页面上。

这是减少HTTP服务器请求数量而又不牺牲网页质量的另一种明智的方法。

5.缩小CSS和JavaScript文件

缩小是用于提高网站加载速度的一项重要技术。

这意味着从CSS,JavaScript和HTML文件中删除不需要执行的不必要代码,例如,不必要的字符,空格,注释等。

6.合并CSS和JavaScript文件

就像最小化一样,组合CSS和JavaScript文件也是减少网站总文件大小的一种很好的技术。

这个想法是将所有CSS和JavaScript文件合并为一个单独的文件。例如,如果您的网站有4个外部JavaScript文件和3个外部CSS文件,则意味着7个请求。

但是,如果将3个CSS文件合并为一个CSS文件,并将4个JS文件合并为一个JS文件,则您的网站将仅发送2个请求,而不是7个。

缩小和合并CSS和JavaScript文件是减少HTTP请求数量和提高网站加载速度的有效方法。

7.减少外部脚本的数量

强烈建议您识别所有其他添加请求的文件。您可以在Google Chrome网络面板中执行此操作。

外部脚本增加HTTP请求的数量并不少见。例如,它可能是不再使用的市场营销脚本的社交源插件,从而使加载时间增加了几秒钟。

通过确定使您的网站变慢的确切第三方集成和外部脚本,您可以就保留哪些资源和牺牲哪些资源做出明智的决定。

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

如果您仍在努力将HTTP请求的数量降低到合理水平,我们建议您使用内容分发网络(CDN)。

CDN是位于世界各地的服务器网络。CDN在您的网站上缓存静态内容,然后在用户访问您的网站时将其提供给缓存的内容。缓存的内容是从服务器交付的,最接近用户的物理位置。

是否要使用CDN取决于几件事。最重要的是您的流量是本地流量还是国际流量。如果您的大多数网站访问者是本地访问者,则不需要内容交付网络。

如果来自世界各地的用户访问您的网站,那么CDN对加速您的网站非常有用。

结论

建议将文件数量保持在10到30之间。对于具有大量内容,图像和高质量视频的大型网站,这可能不是完全可能的,但对于大多数网站而言,这仍然是一个很好的基准。准确确定您的网站发出了多少个HTTP请求,然后通过策略性地分析每个元素来逐步解决。这将帮助您减少HTTP请求的数量,提高网站的加载速度,并有可能改善用户保留率,参与度指标,转化率和网络销量。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_732145.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

记在VMware虚拟机中对网站进行性能压力测试的经历

由于本次测试,仅仅是对静态网站首页进行的测试,所以没有涉及到MySQL数据库的性能监测 服务器基本配置 webbench测试工具 Linux上一款优秀的web性能压力测试工具。webbench最多可以模拟3万个并发连接去测试网站的负载能力。 下面开始测试 第一次并发测试 …

配置Exchange OWA和Sharepoint网站单点登录

如果我们在组织中已经部署完成了Lync、Exchange以及Sharepoint,那么我们会发现这三套系统在通过域账户登录计算机时,如果本机有安装Outlook和Lync,那么在登录Lync或启动Outlook的时候就会自动使用当前登录计算机凭据进行登录。 但如果这个时候…

如何用 CSS 网格快速做出网站原型

简评:CSS 网格模块是创建网站模型的绝佳工具。它是我尝试过的任何其他系统中最快让你体验布局的工具。我们的网格 我们将从模仿一个经典网站的非常基本的网格开始: 首先,我将解释我们需要的 HTML 和 CSS 代码,我将之分为 4 个部分…

android无缝切换主题,Flutter Web网站之最简方式实现暗黑主题无缝切换

往期Flutter Web网站搭建教程Flutter Web 网站之主页框架搭建Flutter Web网站之Jetpack成型Flutter Web网站之ScrollViewGridView优化上期回顾上期我们做了优化,主要针对ScrollViewGridView的使用场景,用了更加合适的组件,这期想做一个主题变…

阿里云系列——3.企业网站备案步骤---2018-1-4

网站部署之~阿里云系列汇总 http://www.cnblogs.com/dunitian/p/4958462.html 个人网站备案:http://www.cnblogs.com/dunitian/p/4958268.html 先说企业的域名实名认证:一张图就ok了 说下步骤,其实和个人差不多,简单过下吧 1.填写…

java网络编程基础夯实03-为什么不能直接通过IP访问网站

在java网络编程基础夯实02-InetAddress类一文中通过getAllByName得到了www.csdn.net对应的四个IP地址。从理论上说,在IE(或其他的Web浏览器,如Firefox)的地址栏中输入这四个IP地址中的任何一个,都可能访问www.csdn.net。如输入htt…

Linux中使用Apache服务部署静态网站及配置介绍

在介绍Apache服务之前,先了解一下Web网络服务和其他两个服务。 配置文件 /etc/httpd/conf/httpd.conf 参数 部署Apache服务 [rootapache-server ~]# yum install httpd.x86_64 httpd-manual -y 安装服务 [rootapache-server ~]# systemctl start httpd 启动服务 [r…

网市场云建站 v4.8 增加私有模版库,开放 Mysql 配置、在线客服源码

百度智能云 云生态狂欢季 热门云产品1折起>>> 网市场云建站系统,结合各种产品,将一个网站的服务器成本降低到0.1元!打破传统建站的高成本,让价格不再是阻碍的门槛,让每个人都能有自己的网站! 延…

《WEB开发-阿里云建站》第1章 建站前的准备

1.1 阿里云ECS服务器建站概述 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可以干很多事情,建站只是一小部分功能,关于更加具体的内容请参看阿里云官网。 https://www.aliyun.com/ 图1阿里云EC…

《WEB开发- Web服务器环境搭建》使用花生壳+II7搭建网站服务

1简介 IIS7及以上版本提供的请求-处理架构包括以下内容:  Windows Process Activation Service(WAS)可以让站点支持更多协议,不仅仅是HTTP和HTTPS;  可以通过增加或移除模块来自定义Web服务器引擎;  集成IIS和ASP.NET请求-…

《WEB开发-阿里云建站》第1章 建站前的准备(安装Linux服务器管理工具-宝塔)

这篇博客主要是安装Linux服务器管理工具-宝塔,关于阿里云的购买,域名注册备案,以及WDCP的安装请看我的这篇博客。 点击进入 1.4安装Linux服务器管理工具-宝塔 笔者的阿里云使用的Ubuntu16.04。 环境要求:  操作系统&#xf…

今天和大家分享几个可以接私活的网站(偏软件)(转载21ic)

关于程序员接私活,社会各界说法不一。按照作者的观点来说如果你确实急用钱,价格又合适,那就去做。如果不怎么缺钱,那就接私活之前要好好考虑。私活的钱不好挣是一个方面,更重要的是如果你把做私活的时间花在提升自己上…

ashx文件 验证是否登录_如何在百度站长平台验证网站?

如何在百度站长平台验证网站,验证网站都会遇到哪些坑,通过这篇文章让大家详细的了解一下如何验证网站,希望能帮助到更多小伙伴。那么多人都在使用百度站长平台,可是依然有大部分人不知道如何正确使用百度站长平台工具,…

我的家乡网站模板_韩国留学之 学业计划书amp;自我介绍怎么写?(附模板)

大家好,今天小雯来讲讲韩国留学之申请材料那点事儿~最近,有很多同学来找小雯咨询学习计划书的范文,好像对留学资料无从下手,其实,看似很难的学习计划书和自我介绍,一点都不难。如果学校提供模板就按学校模板…

一个好玩的网站http://patorjk.com/

这是一个特别万能的工具 输入网址: http://patorjk.com/ 将会出现这个: 这里可以做的东西简直太多了! Apps: Visualizations: Games and Misc: 功能众多, 1.我们可以做springboot 的banner自定义, 感觉…

restful接口开发实例_广州开发区网站

广州开发区网站学生荣获第46届世界技能大赛武汉选拔赛一等奖2项、二等奖3项大数据技术与应用主干课程:计算机网络技术、数据库技术应用MySQLs Python程序设计、Linux操作系统、Java程序设计工程数学、数据预处理、数据分析及应用、数据可视化、Hadoopx数据采集与网络…

npm 如何卸载swiper_如何快速搭建个人网站?

作者 l 白色蜗牛来源 l 蜗牛互联网(ID: woniu_internet)转载请联系授权(微信ID: 919201148)近期精彩文章:福利!iPhone 256G免费送前言建网站本身是一个很大的工程,涉及前端页面的搭建,网站数据的存储,还要购置服务器资…

如何用oracle分析网站,使用外部表分析eygle.com的网站访问日志

使用外部表分析eygle.com的网站访问日志经过使用Oracle的外部表对Oracle的警告日志文件、跟踪文件进行获取和分析之后,我发现外部表实在是非常易用,甚至到了随心所欲的境地(当然外部表尚不能修改外部文件)。使用外部表可以很容易的实现网站的访问日志分析…

modelandview跳转页面404_超快排:在百度搜索引擎网站404页面怎么做?

我们平时在百度搜索引擎网站的时候遇到过打开之后是错误页面,这些页面有提示可以返回之前页面和首页。为什么网站会有这样的页面呢?这是因为网站设置了404页面。我们在做百度搜索引擎SEO排名优化的时候,往往只注意网站结构专注与如何排名提高…

asp.net网站作为websocket服务端的应用该如何写

最近被websocket的一个问题困扰了很久,有一个需求是在web网站中搭建websocket服务。客户端通过网页与服务器建立连接,然后服务器根据ip给客户端网页发送信息。 其实,这个需求并不难,只是刚开始对websocket的内容不太了解。上网搜索…