许多在线网路店铺经常面临购物车放弃问题，影响整体业务，投资回报率降低，品牌价值下降。如果magento网上店铺在不到3秒内载入，那么网站已经是高性能的。本文来介绍如何优化mangento前端的最佳性能。
如何通过有效的前端网站设计解决方案来克服这些障碍，从而实现最佳性能，并提升销售数据。
1、减少http请求的数量。
加载网页时，页面上的每个样式表，脚本和图像都必须从浏览器到web服务器进行单独的往返，才能正确显示。因此，由于每个组件在服务器和浏览器之间来回移动所需的延迟时间，因此加载页面的速度会延迟，从而导致用户交互的障碍。
为了克服这种延迟并减少http请求的数量，一个有效的拇指规则是将所有脚本和css文件合并到尽可能少的文件中，以减少请求的总数，而不是不同地执行每个http请求。但是，如果组件因页面而异，这将变得乏味。
2、优化javascript。
不是改变web应用程序以适应分布式架构，使用内容传送网络始终是可行的，其中内容可以分散在多个地理位置的服务器上，从而方便快捷的访问网页。事实上，大多数用户的响应时间是花在网页上下载不同的组件，如样式表，图像，css等等。因此，分散您的静态内容首先标志着响应时间的显着减少，从而更快地向用户提供内容。
需要安全地设置外部脚本脚本，以避免在页面加载期间阻止网页上的其他事件处理程序。这是因为在html页面的head或body部分中出现的这些脚本进行浏览器中页面的渲染过程，当浏览器从顶部到底部读取页面时遇到脚本标签。这样做会阻止页面上出现的其他脚本，因为某些脚本可以修改页面，添加变量或添加其他直接影响页面加载时间的其他脚本。因此，为了避免这些情况，可以：在<body>部分的底部包含脚本标签，加载事件后包含脚本代码，包括异步跟踪代码。
社交媒体按钮是当今网页的一些流行工具。因此，随着人们在浏览会话期间经常使用这些按钮，有必要优化页面加载。一个更好的选择是将所有社交媒体请求的代码包含在一个脚本下，并将其包含在页面的代码末尾之上。
推迟代码的过程意味着页面被完全加载，然后解析javascript的代码以加快页面加载时间。这样的代码不会影响页面的性能，只能重新整理整个加载过程以获得最佳结果。
3、优化css。
优化css文件的最佳方法是将它们放在页面的<head>部分而不是底部。一些重要的规则是：包含不超过一次的外部css样式表；避免内联css；避免@import调用;在样式标签叠加内容中包含小型css。
4、优化图像。
逃避使用更大的图像，因为卖家可以随时设置图像的宽度和高度在html。另外，有一个favicon.ico低于1k是有益的。这个用法是不可避免的，因为浏览器总是要求他们，并且cookie每次都发送给这样的请求。所以最好不要在这样的请求期间返回错误页面。
上述步骤可以帮助卖家获得更好的流量，但不一定会增加卖家的业务投资回报率。
