性能问题让你的网站为你工作!
每个人都曾访问或逃离过加载时间过长的网站. 你知道你的网站是否适合你吗? 你的商业声誉取决于它.
网站表现不佳会影响网站的整体排名. 糟糕的用户体验会赶走多达88%的访问者，并对你的留存率和转化率产生负面影响.
今天的用户希望网站提供大量的信息, 媒体, 还有交互性——所有的页面加载时间都不超过两秒钟. 由于加载不正确或加载缓慢，游客不倾向于停留.
浏览网页时, 有许多技术齿轮在幕后改变，影响web性能. 如果你试图向企业主解释这一点，他们一般都会逃跑.
然而, 营销人员需要对这些影响绩效的因素有一个大致的了解. 如果您没有从您的站点获得结果，这些技术元素可能就是问题所在.
影响性能的因素
Web性能分为三类:
- 前端用户体验 -用户的浏览器如何执行你的页面内容.
- 当您的网站的标题出现在浏览器选项卡
- 当您网站的第一个视觉效果在框架中显示时
- 当访问者可以与你的网站进行交互时
- 后端性能 -你的网站如何到达访问者的浏览器.
- 托管提供商
- DNS提供商
- 内容分发网络
- 内容的复杂性 – 网站构建模块的分解.
- 网站上使用的媒体和编程语言
- 每个人有多少资产
- 这些资产的字节量是多么大啊
UX -用户体验
Website performance doesn’t have anything to do with the 内容; it has to do with the experience that is being presented to the consumer. 一个网站可以有最新的技术或最酷的图形和运动, 但是如果页面没有根据性能进行调优, 这样一来，你的生意可能会受到影响.
记住人们常说的第一印象!
无论你有哪种类型的网站，都有一些因素是无法启动的. 有一些我们认为是最先进的建筑也有一些看起来像是建于19世纪90年代的建筑.
可以有不同的方法来设计和实现，每个人都有一个网站，不加载非常快，有某些元素不加载.
如果你的客户真的感兴趣, 他们会点击刷新, 然而, 大多数时候，他们只是关闭TAB，然后转到另一个网站，再也不回来了.
网站性能重要的主要原因是什么?
网站表现不佳真的会影响网站的整体排名, 只是加载不正确或加载缓慢.
缓慢的网站会吓跑客户
用户通常会点击离开网站，或者“愤怒退出”，然后关闭浏览器. 在网络分析术语中，这被称为一个 跳出率增加，他们进入网站的第一页，然后关闭它.
此外，这也将减少 点击率 度量——你在网站上花费的总时间. 如果人们来到你的第一个页面，然后想要点击查看页面上的其他元素, 从一开始就有糟糕的经历, 它们消失了，点击率也下降了.
因此, 如果你的部分网站有更好的速度和加载性能, 更有可能的是那些页面在 搜索引擎优化 用户粘性指标.
用户会记得他们糟糕的体验
访问表现不佳的站点的访问者对该站点的回复率较低. 这叫做 回头客流量减少 这并不是一个建立你的在线营销渠道的好方法.
除了, 被谷歌等搜索引擎爬行的网站表现较差，搜索排名下降, 这将大大减少你的总体流量. 这具有滚雪球效应，因为搜索排名越低，在搜索结果中的浏览量就越低, 等于较低的页面点击率.
这就是为什么web性能很重要!
最佳实践
减小页面的大小
多年来，网站上出现了多个面孔. 在早期，所有内容都是通过一个18波特率的调制解调器提供的. 非常重要的是，从那根小小的管子里送过来的东西.
随着家庭和企业的速度提高, Web开发人员花费了更多的时间来扩展他们所能构建的极限. 图形和性能方面的脚本大多被搁置一旁.
现在，它有能力制作高分辨率的4K视频和1200万像素以上的图片，所有人都可以轻松获得, 毁掉一个运行良好的站点是很容易的. 简单地从你在假期里收到的礼物上上传几张新的单反相机的图片，就会对你的网站性能造成严重破坏.
提高页面性能的最简单方法之一是 减小每个页面的总体大小. 这并不意味着从网站上删除或减少内容, 但要聪明地考虑如何向终端用户提供产品.
图像大小
800万像素的图像可以从每幅图像的5兆到7兆. 800万像素图像支持的像素大小为3,456 × 2,304像素. 大多数桌面显示器的大小是1980 × 1080像素. 因此, 8兆的高分辨率图像对于任何显示网站的屏幕来说都太大了.
最有可能的, 图像在服务器级被压缩，在图像级被压缩, 但仍, 通过管道发送的文件大小比需要的要大得多，这会降低站点加载时间.
对你的网络平台上的图片进行适当的大小调整，将使每张图片的大小减少大约60%. 将这个数字乘以每页4到5张图片，你会发现节省了不少.
页面的目的
用其他页面上的导航链接来构建一个有一两个目的的页面，而不是一个有10到12个目的的大页面, 这也是拥有一个性能良好的站点的好方法吗. 大页面上的大部分信息会浪费在终端用户身上，页面加载速度也会变慢.
更小的页面加载速度更快，吸引用户点击到其他页面，增加他们在网站上的总时间，并增加其他基于搜索引擎优化的指标.
到期日期
确保你的站点有适当的缓存元素(如图片)的过期日期, 内容和外部文件. 这些设置确定了浏览器将在本地存储该元素的时间——而不会引起对web服务器的额外调用.
如果某些图片不是经常更换，就把保质期延长一些，比如8周. 而对于经常变化的内容, 您可以有一个较短的保留率，以确保它没有被缓存的那么多.
如果需要提供更大的内容，比如视频或其他大文件，可以使用CDN, (内容分发网络)可以大大提高您的网站的性能和正常运行时间. 一些内容将来自您的服务器和其他内容将由CDN交付.
正确的页面加载顺序
接下来，您希望找到并更新导致页面其他部分运行缓慢的页面元素. 您需要确保页面的元素以正确的顺序加载. 应该首先加载页面顶部的元素, 在屏幕之外或页面底部的元素是应该最后加载的元素.
阻塞的元素
还有一些东西会减慢你的加载速度 阻塞的元素.
例如, 假设您有一个站点，其中显示客户的位置，您的站点要求一个邮政编码，然后显示该邮政编码附近的位置的地图.
第一步是在数据库中查找位置，下一步是将这些结果发送到映射API(应用程序编程接口)，并查看数据库搜索是否阻塞了映射API.
而这两个部分都需要显示地图, 您可以做的一件事是确保数据库搜索正常工作，而不是进一步延迟它将执行地图API的时间.
除此之外，还有其他一些因素. 这只是解释一个元素如何在另一个元素之前完成，并确保这些元素以正确的顺序加载的简单方法.
SSL证书
web性能最佳实践列表的最后一项是 SSL证书.
每个人都应该熟悉HTTP -超文本传输协议, 互联网数据通信的基础. 为“安全”添加了“S”，这表明添加了三层额外的保护，以保护用户数据的完整性和机密性.
当您看到前面有HTTPS而不是HTTP的站点时，该站点具有SSL证书.
地图工具中最受欢迎的特性之一是“查找我的位置”服务. 如果你打算在你的网站上使用我的定位服务, 谷歌映射最近更改了它们的安全设置，要求用户使用SSL证书来访问任何高级浏览器功能.
如果您只是为营销网站提供一些地图和有关您的位置的信息，而需要额外的SSL证书费用，那么这似乎有点过分. 如果你不做电子商务，或者你的网站不做认证, 为什么会有额外的成本?
越来越多的从用户那里获取信息的内部浏览器功能要求站点拥有SSL.
确保您与托管提供商合作，他们知道这些最近的安全更改，并为您的站点提供适当的安全设置. 这不是使用SSL的唯一原因, 但这是让你的网站表现更好的另一种方法. 了解更多关于SSL证书的信息.
手机的性能
进入2019年, 谷歌将继续在搜索排名中更加强调移动响应性. 桌面网站的表现并不重要，手机网站的表现也很重要.
同时拥有桌面版和移动版的网站将在谷歌中获得更好的排名，并在搜索结果中显示得更好. 确保你的网站是移动响应比以往任何时候都重要. 据INC杂志报道, 近60%的中小型企业网站没有移动响应网站.
移动响应到底意味着什么?
第一个. Make sure that your site is not just supported by mobile; you want a site that is displayed in the best manner for that medium. 让你的移动视图在外观和感觉上与桌面视图非常相似.
通常人们回家后，他们会在桌面电脑上打开它，如果它看起来不像移动网站，他们会怀疑他们是否在正确的网站.
当移动开始, 设计师会把代码分开, 构建一个桌面版本和一个移动版本. 网站上的信息必须在两个版本上更新，所以在移动网站和桌面网站的内容之间存在不一致.
移动响应能力 一组代码 这在台式机和移动设备上显示正确.
手机有一组不同的目标，如点击呼叫电话号码. 对地图的需求也更大，尤其是在使用GPS功能的时候 使用我的定位功能.
手机对社交分享也有更大的影响. 客户可以通过与他们的朋友和家人分享来轻松地营销你的网站.
手机用户的体验与桌面用户的体验不同.
移动3G和4G比你在家或工作时使用的有线调制解调器要慢得多. 要想在移动设备上取得成功，就必须确保所有在桌面上可用的功能都能在移动设备上快速运行. 删除一些不一定针对手机的元素会有所帮助.
还有一些在台式机上非常流行的元素并不适合移动视图. 为了提高移动响应和web性能，你可以删除这些元素.
IFrames
其中一个例子就是IFrames. 内联框架(IFrame)是一个HTML文档嵌入到另一个HTML文档的网站. 这是在站点中显示第三方信息的常用方法. 然而，移动平台的情况是，因为你的屏幕较小，所以你需要滚动屏幕. IFrame本身也将有一个滚动条，这将调用一个双滚动条菜单, 哪一个对手机来说是坏事.
模态屏幕
另一个不太好用的元素是“模式屏幕”.“你可能知道它是一个弹出窗口或覆盖，如一个请求信息的表单. 一旦主窗口被打开，模态屏幕将不允许用户使用主窗口. 模式屏幕不能提供正确的移动性能. 有很多不同的方式可以让表单设计得更适合移动设备.
删除byte-hungry媒体
考虑管道上的字节是非常重要的. 您希望从移动视图中删除任何自动播放的视频或高端图形. 你可能把它们放在桌面上但你想限制它们在移动设备上. 这将使一个性能更好的手机网站.
一个运行良好的手机响应式网站会考虑所有这些因素，并提供稍微不同的手机体验. 它们可能是幕后的重大变化, 但对于前端用户来说，这只是一些小的改变.
修复您的网站性能
大多数网站可以在性能上有所改进. 使用可用的工具, 您可能会发现各种各样的问题，您从来没有想到或意识到，正在减慢您的网站. 问题是你不需要一次性解决所有问题.
使用所有你能使用的在线工具来识别问题. 一次处理一个元素，然后再次测试你的站点，看看是否有改进. 有时你会发现一个改变会降低你的表现, 所以只需回滚该更改，然后继续处理下一个可能的问题
关键的外卖
- 不要超载你的网站. 提供的物品越少，网站的表现就越好，尤其是在移动平台上.
- 合适的媒体尺寸——确保你使用合适的尺寸和分辨率来显示网页，以帮助更快地加载网站.
- 确保你的网站是移动响应. 你的网站必须能够跨多种媒体和屏幕尺寸使用.
- 使用所有你能找到的在线工具来找出你可以解决的问题.
你可能无法在一开始就解决所有问题，但你可能能够找出一两个问题来提高你的排名.
当你在评论你的网站时, 不要只是问——我喜欢这个网站的外观和感觉吗, 你应该问——这个网站是否有助于客户获取和客户保留? 确保你的网站高性能将会做到这一点.
想要优化你的网站的性能?
接触博乐斗地主苹果版下载现在!
