个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
我需要优化几个现有网站的加载速度。我遇到的问题之一是每页的请求量。这些网站有 7 种或更多不同类型的页面，它们应该加载不同的 css 和 javascript 集，因为它们包含不同的小部件或功能。目前每个小部件或功能都有自己的 javascript 文件。我计划合并和缩小文件以减少请求。
homepage.js ,listing.js ,detail.js ,jquery.js + jquery.cookie.js + common.js ,list.js + paging.js + favorite.js ,detail.js + favorite.js ,init.js转到 <head>和 do.js转到 <body> .我正在考虑大型网站 a.k.a. 门户或社交网络。
(顺便说一句，有些库的请求我无法控制，例如 TinyMCE 或谷歌地图)。
最佳答案
通常你可以使用下面的模式:
通过这种做法，您在每个页面上只有 2 个请求，并且您在 JS 中获得了清晰的分离/结构。对于除第一个页面之外的所有页面，这将只是一个请求，因为 main.js 将被缓存。
您也可以对 CSS 使用相同的原则。这是有效的，但正如另一个答案所提到的，您实际上可以更进一步并将所有内容捆绑在 1 js 中。它是一种偏好或风格。我喜欢将它分成 2 部分，因为它让事情对我来说更合乎逻辑。
不过请确保以下内容:
编辑:我想我会更新答案以回答您的一些观点。
要点 2:只合并那些经常一起使用的文件是否更好？
Ans:就我个人而言，我不这么认为。如果您正在服务所有一起使用的文件，那么它们属于哪个组或它们如何出现在页面上都无关紧要。这是因为我们组合了 JS 文件以减少 HTTP 请求量。
一旦您的 JS 在 PROD 中被组合和缩小，您就不需要调试或理解它了。因此，将逻辑上相关的 JS 文件绑定(bind)在一起是一个有争议的问题。它在您的开发环境中，您希望将所有这些逻辑相关的代码文件放在一起。
第 3 点:为所有应在头部加载的 javascript 设置一个文件，为所有应在主体末尾加载的 javascript 设置一个文件怎么样？
Ans:在某些情况下，您会以某种方式被迫在 HEAD 中注入(inject) JS。理想情况下，您不应该这样做，因为 SCRIPT 标记本质上是阻塞的。因此，除非您确实需要，否则请将所有 JS(1 个或多个文件)放在 BODY 标记的末尾。
第 4 点:如果用户具有特定权限，则加载一个用于常用功能的文件和一个用于加载管理功能的文件怎么样？
回答:这似乎是拆分 JS 代码的合理方法。根据用户权限，您可以 fork 您的 JS 代码。
第 6 点:一个页面的推荐 javascript 和 css 请求量是多少？
Ans:这是一个非常主观的问题。这取决于你在 build 什么。如果你担心在页面加载时加载过多的 JS，你可以随时拆分并使用按需 SCRIPT 注入(inject)方法来拆分负载。
关于javascript - 优化 javascript 和 css 请求，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4090017/
25
4
0
我正在尝试从该网站抓取历史天气数据: http://www.hko.gov.hk/cis/dailyExtract_uc.htm?y=2016&m=1 在阅读了 AJAX 调用后，我发现请求数据的正确
我有两个 postman 请求 x,y，它们命中了两个不同的休息 api X,Y 中的端点。 x 会给我一个身份验证 token ，这是发出 y 请求所必需的。如何在请求 y 中发出请求 x ？也就是
我使用请求库通过 API 与其他服务器进行通信。但现在我需要同时发送多个(10 个或更多)POST 请求，并且只有在所有响应都正确的情况下才能进一步前进。通常语法看起来有点像这样: var optio
背景:当用户单击按钮时，其类会在class1和class2之间切换，并且此数据是通过 AJAX 提交。为了确认此数据已保存，服务器使用 js 进行响应(更新按钮 HTML)。 问题:如果用户点击按钮的
我正在将 Node.js 中的请求库用于 Google 的文本转语音 API。我想打印出正在发送的请求，如 python example . 这是我的代码: const request = requi
我经常使用requests。最近我发现还有一个 requests2 和即将到来的 requests3 虽然有一个 page其中简要提到了 requests3 中的内容，我一直无法确定 requests
我正在尝试将图像发送到我的 API，然后从中获取结果。例如，我使用发送一个 bmp 图像文件 file = {"img": open("img.bmp)} r = requests.post(url,
我发现 Google Cloud 确保移出其物理环境的任何请求都经过强制加密，请参阅(虚拟机到虚拟机标题下的第 6 页)this link Azure(和 AWS)是否遵循类似的程序？如果有人能给我指
我有一个 ASP.NET MVC 应用程序，我正在尝试在 javascript 函数中使用 jQuery 来创建一系列操作。该函数由三部分组成。 我想做的是:如果满足某些条件，那么我想执行同步 jQu
我找不到如何执行 get http 请求，所以我希望你们能帮助我。 这个想法是从外部url(例如 https://api.twitter.com/1.1/search/tweets.json?q=tw
我的应用只需要使用“READ_SMS”权限。我的问题是，在 Android 6.0 上，当我需要使用新的权限系统时，它会要求用户“发送和查看短信”。 这是我的代码: ActivityCompat.re
我的前端代码: { this.searchInput = input; }}/> 搜索 // search method: const baseUrl = 'http://localho
我有一个由 AJAX 和 C# 应用程序使用的 WCF 服务， 我需要通过 HTTP 请求 header 发送一个参数。 在我的 AJAX 上，我添加了以下内容并且它有效: $.ajax({
我正在尝试了解如何使用 promises 编写代码。请检查我的代码。这样对吗？ Node.js + 请求: request(url, function (error, response, body)
如果失败(除 HTTP 200 之外的任何响应代码)，我需要重试发送 GWT RPC 请求。原因很复杂，所以我不会详细说明。到目前为止，我在同一个地方处理所有请求响应，如下所示: // We
当用户单击提交按钮时，我希望提交表单。然而，就在这种情况发生之前，我希望弹出一个窗口并让他们填写一些数据。一旦他们执行此操作并关闭该子窗口，我希望发出 POST 请求。 这可能吗？如果可能的话如何？我
像 Facebook 这样的网站使用“延迟”加载 js。当你必须考虑到我有一台服务器，流量很大时。 我很感兴趣 - 哪一个更好？ 当我一次执行更多 HTTP 请求时 - 页面加载速度较慢(由于限制(一
Servlet 容器是否创建 ServletRequest 和 Response 对象或 Http 对象？如果是ServletRequest，谁在调用服务方法之前将其转换为HttpServletReq
这是维基百科文章的摘录: In contrast to the GET request method where only a URL and headers are sent to the serv
我有一个循环，每次循环时都会发出 HTTP post 请求。 for(let i = 1; i console.log("succes at " + i), error => con
我是一名优秀的程序员,十分优秀！