k8凯发一触即发|Home

有一个缓慢的□□□□网站,你有没有想过□□□你失去了多少□□客户?我不是说只是△有关文件大小，我们要依靠浏□□□览器的能力，了解我们的代□□□□码，我们也需要对□□□□网站做出考虑□□□和处理时间。

这就是为什么□□□□有时在你的代□□□码中还要加入□□□几句要好得多，因为它能节省□□您宝贵的浏览□□时间，真正的浏览器□□或IE浏览器尝试处□□□理您的代码。

让我们来看看□□□几个好的技巧，关于如何减少□□网站缓冲时间：

1。不要重复代码

您应该使用级●联和避免重复◥代码。例如以上只是○使用普通类，继承，你可以好好利□□用，所以应该离开□□□□那里，可以设置在父□□□□级上。你也可以使用□□□相同的属性多※个元素（用逗号分隔多◆个选择器）。

此外，在你的JS对象，功能和插件，要好好利用你□□□不需要重复代□□□□码。

2。写由右至左

不像我们，浏览器将处理jQuery和CSS选择器，由右至左。你可能会认为，这不会影响你□□□的代码，但事实是，它改变了一切。像这样的一个□□选择是真的，真的不好：

$（“体＃容器div”）

我们认为我们□□正在写的是：“嘿，浏览器，找到”身体“标签，然后在里面，它的发现在＃container。在那里，你会发现一个'DIV'和'元素'一对夫妇，让我们选择那□□□□些“。但实际上，浏览器会读取□□□□整个页面寻找'一'标签，然后为每个标□□□签它发现它会♦检查它是否有□□□□一个div作为家长，然后检查是否◎有一个元素的div＃容器ID，然后
检查如果有一□□□□个body标签下方。

这仅仅是太乱□□了。在JS中，我们有一些优□□□□雅的解决方案，如发现功能，使您的代码实□□际上将被理解□□□□为你想。像这样的东西□□□□将是一件好事：

$（“＃集装箱”），找到（“DIV”）找到（“A”）

当你写CSS，你不要有太多□□的选择，但让尽可能具□□□□体，所以尽量寻找□□□□近的类或ID，你可以找到。

以上几条对 网站建设CSS和JavaScript性能有很大的※作用哦

3。ID取名更快

只要能使用ID这会更快，无论是在CSS或JS。使用JS时，你有可能使用□□的替代品，而不是jQuery的选择标签，像document.body的，甚至整个DOM树传递一个数□□组（如果你已经知□□□□道元素的确切□□位置）。

4。保持简洁的代□□□□码

请记住，在你的选择有□□□□时一个额外的◢项目只会搞砸◎了你的代码。举例来说，如果你有一个“UL”选择，你可以简单地□□使用“UL”，你会被罚款。

我们可以给你丨好的JS确是“不使用”。大多数时候，你根本就不需•要它和使用将•花费你很多更□□在性能，开发时间，浏览器兼容性✦和维护。

你可以代替很◈多CSS动画的动画，你也可以使用□□□□一个库像yepnope或Modernizr的有条件地加•载浏览器无法□□□□跟上你迷死回✦退。

6。您不需要申明var，但你应该

很多人简单地□□□跳过了var声明步骤。这是好的，但您将创建一□□□个全局变量，可以打破其他□□功能和浏览器◤来恢复它时，它会搜索从地□□□方到全球范围·内的很多。

即使你将使用□□□一个全球范围◈内的无功，你可以重新定◢义它在本地，你会节省一些□□□时间。例如，代替这样的：

VAR E1 =的document.getElementById（'ID1'），金汇=的document.getElementById（“ID2”）;

这样做：

VAR DOC =文件，E1 = doc.getElementById（“ID1'），金汇= doc.getElementById（“ID2'）;

所以，你会在本地存□□□储文档VAR

7。像你这样在你□□□□的脑袋，做数学

我们倾向于认□□为编程语言做□□□某种黑魔法，并给我们的结□□果，复杂的操作。但事实是，每一个操作都□□□有一个处理成□□本。，而不是做2 * 15例如，它更容易做15 +15。

在这种情况下，真正的尖端，使用本地的JS代码就可以了，从而避免依靠jQuery或其他插件，因为这肯定会□□□采取更多的时□□□□间来加载，往往更多的代◈码来写。

8。从源代码中删□□□除一个图像
一个都不能少JPG运动时，他们说，从源代码中删□□□除一个图像，为您节省更多□□□的比你节省担□□□心JS和CSS叮咬。但事实是：你都应该做的。

我们应始终竭□□□□尽所能以改善□□□用户体验，如果这意味着□□□图像在页面好□□□□看，花哨的JS动画已被删除，这么办吧。

以上几点 对网站建设CSS和JavaScript性能提升都很□□□有帮助，效果也很不错♦值得参考的哦！