javascript - 200 响应的性能影响

Question

我正在使用 $.get 预加载 Mustache 模板，这些模板在服务器上存储为 html 文件：

$.get('/templates/template1.html');
$.get('/templates/template2.html');

当我需要使用模板呈现 HTML 时，我再次使用 $.get 来检索 HTML 并呈现它。

每次我请求缓存模板时，当然会收到 200 响应，并且浏览器会从缓存中检索文件。

我只是想知道从浏览器缓存中检索是否会对性能产生负面影响——我应该将模板内容存储在全局 Javascript 变量中吗？

Answer 1

不会产生任何负面影响。将 html 保存到 javascript 变量中是一种很好的技术。理想的时间以 $（文档）为单位。准备好并调用“$.Get”异步模式。例子：

var html1 = "";
$(document).ready(function(){
  $.get("/templates/template1.html", function (html) {
  html1 = html;
  });
});