热门标签
如何提速网站
网站的速度是创建Web内容和Web应用程序的**重要因素之一。事实上，它已经注意到，各种谷歌分析师认为人们不经常坐在前30秒的视频，所以前15秒，所以这将是你得到你的网站负载，让人们作出判断，并同意使用它或不快的内容。这在人们的判断网站上可能有点肤浅，但我们通常不会想当然。优化你的网站应该是一个优先事项，通常使用WordPress和其他引擎与良好的插件时，帮助。我认为，虽然你可能不会使用WordPress，因为有很多不理解，我会给你一些**好的方法来优化任何网站是否托管在它。形象
图像优化可能是一个困难的话题，但有很多方法可以选择。有文件格式，图像优化工具和代码，CSS的**佳做法，以确保您的储蓄和**佳方式的形象。我想给你举个例子说明为什么它很重要，所以就拿**新的一个来说。它**近成为众多位iOS开发者和应用程序开发者中的佼佼者，应用程序使用视网膜图像为手机用户2ndash做准备；它比以前多了四倍的空间，导致人们的手机空间不足，只能从简单的应用程序下载。这不是为我们的Web开发人员和设计人，但它会让你知道，这是重要的，妥善处理您的图像在任何平台上。下面是一些**重要的主题，我认为是当图像页面优化。图像格式
图像的格式是一个热门话题，似乎人们认为不同的格式会提高速度，但是在这个学派有一个相当普遍的想法，我们可以用这个阿德事实上的标准JPEG的照片，GIF是低色图像/平色图像，而PNG什么都可以。大多数网站设计的人和开发者，我知道他们喜欢使用PNG的就是一切，除非他们有一个按钮，也许有一两种颜色，他们发现GIF的作品很棒。现在，当然，您可以使用这些规范，但请始终记住这些规范是什么，以节省更小、更轻、更大和更重的标准。如果你正在做一个摄影网站，虽然它加载速度会比其他网站慢，但尝试一些未来的方法来提高整体图像优化图像编码当我们可以做服务器**糟糕的事情是加载图片，让代码大小为我们做。好吧，关于ldquo你可以说什么；让代码成为我们的。俗话说，ldquo；如果你能做到这一点，就去做rdquo；，这是一个非常好的人。使用图像宽度；50px高度=#39；30像素rdquo；就图像而言，服务器的加载时间确实可以采用，因为服务器解析了页面，并且已经完成了一个页面ndash；创造者可以完成任务去见创造者。所以你要拍所有的照片。图像优化工具总是有用的。嗯，大多数时候。有时它们是负担和分心，但在这种情况下，它们往往似乎是有用的。如果你能找到一个好的图像优化工具，首先在评论部分，因为我们都在寻找它，但我**喜欢的是以下。我爱imageoptim为Mac和防暴Windows。这两个工具非常不同，但执行类似的任务。您可以优化破译图像的方式和方法，然后在保存发送的格式时吐出**终结果。他们真的很好。有很多吨。实际上，有一个堆栈可以分析图像的位图格式并告诉您什么是**好的。很容易看出，这是文本编辑器和设计程序中**有用的东西，而不是web页面设计toolbucket，它被认为是理所当然的。我不是一个专家在谈论基于服务器优化映像设置服务器，但我肯定会在一个足够小的上下文中给出这个建议。没有大量图像加载的本地存储。也就是说，不要将图像存储在服务器上的一个数据库文件中，而是存储在其他网站文件中。采用Amazon S3或Flickr服务器记录等技术，并将这些服务用于您的文件。我**近实现了亚马逊S3bucket到服务器上我们的文件，其实挺简单的，随便试试吧。这是个好办法。主要原因是您不希望在您所服务的多个负载发生的实例中出现瓶颈数据库，因为这可能是一个诊断噩梦。**好在不同的服务器上存储不同的文件（如果负载很重），除非它只是一个简单的通用字符串存储数据库或类似的东西（优化CSS）和JavaScript
CSS和JavaScript语言对于网页设计来说非常重要，尤其是在创建动态内容时。我认为人们经常忘记他们可以优化自己的动态内容，他们忘记他们可以优化自己的JavaScript和CSS。这些其实不是小网站**重要的东西，而是大网站，这是非常重要的——尤其是说到网站，依赖很多设计。让我们看一下ldquoCSS和JavaScript；，非常标准，当涉及到创建Web应用程序（**个规则的CSS和JavaScript如果你能在CSS，然后做它，我们经常忘记，我们有惊人的工具在我们面前，我说CSS分类作为**惊人的网页设计老师。我也说过，设计老师跳得太快的本质是PS图象处理软件（但这是他们的工作，所以谁能怪他们）。你记得，当你设计把你的东西放在浏览器里时，你可以很快地原型：CSS3。使用它！有一个地方做快速原型，这是非常有帮助的，它会引导你做事情以后组装HTML。代替ldquordquo；相信你能在CSS中找到一个加空格的方法，那么就做CSS和JavaScript两个规则收缩，收缩，收缩！代码缩减可能是你能做的**简单**好的事情来加速你的网站。记住，我们谈论的是毫秒，但它仍然有一种看不见的效果，特别是如果您使用jQuery这样的库。请记住，如果添加JavaScript和CSS插件，则可以选择下载按比例缩小的版本（无需编辑）来执行此操作。我**喜欢的一些工具是代码压缩Mac、缩小Windows和jscompress/CSS压缩器，用于跨平台的解决方案，这些解决方案需要通过一些浏览器。开心切CSS和JavaScript第三条规则线并不是说用网上CSS或网上JavaScript是不好的做法，然而，特别是在谈到CSS时。究其原因，不仅是历史问题，还因为如果我们把CSS放在HTML代码里（特别是在线），它会读出来，比如：HTML/CSS/HTML/CSS/HTML/CSS/HTML/CSS，而不仅仅是一个简单的HTMLCSS=gt；。您可以看到，这是非常糟糕的服务器加载时间，并将导致大多数Web应用程序不应有设计分区拒绝在单个文件中使用它。这当然不会让你的网站崩溃，但会导致另一名员工经历解压——这很重要。所以记住是谁在提取它，不要让别人CSS和JavaScript第四条规则把它下移
如果你想把你的JavaScriptHTML放在网页本身，没有办法把它放在周围，然后把它放在下面的HTML文档。这有助于加快网站的加载时间，因为我们可以在加载candy之后执行所有这些功能和其他JavaScript页面。另一件事是，这降低了挤压整个网站性能的可能性，因为当出现错误JavaScript时，它的视线往往会像没有明天一样吞噬记忆。因此，**好的做法是确保您的网站不这样做，并警告未来的事件，它可能没有我们要访问的人我们的网站，然后他们的浏览器崩溃CSS和JavaScript规则5DOM优化，如果您可以减少DOM。例如，在一个示例中，您使用大量jQuery来引用各种DOM元素，或读取所有DOM元素来查找可以减缓网站失望的内容。有一件事要说，我总是喜欢和适合这里，如果你在做什么，因为这是唯一的方式，你知道，这可能是一个更好的方式rdquo；你也可以说，rdquo；如果你做某事是因为这是唯一的方法，你知道，那么你错了，ldquo；但这个版本有点苛刻。研究发现，在这样的情况下，与那些东西。如果你只是因为需要某样东西而使用HTMLdiv，那么这是你知道的唯一方法，那么这可能不是**好的方法。现在，当然，我明白使用div标签是因为你需要它们，因为你的CSS是完全可以理解的，但也许你可以删除一些，找到一个更广泛的方式来处理问题，风格。我**近亲自做了这个，因为我现在正在经历rubyonRails项目。本周早些时候，我在对方的HAML中嵌套了大约5个div，只是做了我想做的事情（在本例中，是盒子里面）。我只是看了看，知道这是胡说八道，但我不知道更好的方法，所以我放弃了，又做了一次。再做一次比较困难，但它迫使我学会一种新的方法来处理问题。**后，我从中学到了很多，以后我会向大家推荐这个方案。去掌握这些知识吧！它们一定是低垂的果实。这些宽泛话题的一般优化确实不适合任何地方，但我还是觉得值得关注。事实上，一些可能是**重要的事情，你可以加快Web应用程序或网站。删除链接，这非常重要。当用户打开一个没有结尾的链接时，从网站斜杠可以看出服务器有什么样的文件或页面地址。服务器将包括削减，但如果你把它自己，它将减少加载时间毫秒。一直以来，我**。我经常发现设计程序员，尤其是那些不想认为他们未优化的代码不会给任何东西带来负担的程序员，但确实如此。如果你把宿舍放10年，你会有很多钱，同样的概念也适用于这里，只是规模大小取决于你网站的流量。图标浏览器总是拉一个favicon。你的服务器上的ICO文件，所以你不妨去看看。即使是暂时的，也总是好的。如果不这样做，浏览器本身将给出一个内部404rdquo；，只是缓存而已。404位于浏览器的favicon.ico部分。我们都知道如何减少404的加速加载时间。缩小尺寸可能不适用于所有人，但如果您正在开发Web应用程序和缩小cookie，则尺寸很重要。例如，在我熟悉的rubyonRails应用程序中，可以使用cookie（或其他方法）从会话进行身份验证。通常人们更喜欢使用其他方法，因为它们可以减少用户负载的次数。现在，acookie并不意味着它缓存在你的计算机上，你可能认为它会增加加载时间，但它通常有利于他们验证用户会话或跟踪你的网站（例如，谷歌和脸谱网正在收费）。然而，如果你有饼干，你就必须用你的判断力来确定你使用饼干的程度。如果您设置了较短的过期时间，请减少加载时间高速缓存
这是一个很大的话题，一个我不是专家的话题。缓存是一个非常简单的概念。它是存储文件（通常是HTML/CSS代码）从您的网站定期访问您的计算机，您不需要每次访问加载。在过去的几年里，这确实是许多Web应用程序公司开始使用的非常有用的技术之一。已经有一些缓存和**著名的数据库解决方案memcached。这是存储副本数据库文件到您的浏览器供您使用的是Web应用程序。因此，举例来说，如果你有各种各样的个人资料，你经常访问，它可以存储信息图片到你的电脑，美丽memcached是在下一个阶段。在您的代码中，您可以从memcached服务器调用（从DB中提取后），查看是否可以放置文件的缓存版本。如果没有，当然可以从数据库中删除该文件，如果该文件不在缓存中，则必须将其添加到下次以节省时间。这是一个很好的大型缓存的例子，在过去的2年里，它帮助数吨、多家公司提高了服务器和数据库吨的速度。这将只是一个总结。当然，这些并不是加速你网站的所有方法，但它应该开始让你的好奇心达到顶峰，让你看起来所有伟大的东西
牧羊人设计
2016年电子商务网站设计趋势终极指南快速建设网站指南
