如何優(yōu)化mangento前端的最佳性能
許多在線網路店鋪經常面臨購物車放棄問題,影響整體業(yè)務,投資回報率降低,品牌價值下降。
如果magento網上店鋪在不到3秒內載入,那么網站已經是高性能的。
本文來介紹如何優(yōu)化mangento前端的最佳性能。
如何通過有效的前端網站設計解決方案來克服這些障礙,從而實現(xiàn)最佳性能,并提升銷售數(shù)據。
1、減少http請求的數(shù)量。
加載網頁時,頁面上的每個樣式表,腳本和圖像都必須從瀏覽器到web服務器進行單獨的往返,才能正確顯示。
因此,由于每個組件在服務器和瀏覽器之間來回移動所需的延遲時間,因此加載頁面的速度會延遲,從而導致用戶交互的障礙。
為了克服這種延遲并減少http請求的數(shù)量,一個有效的拇指規(guī)則是將所有腳本和css文件合并到盡可能少的文件中,以減少請求的總數(shù),而不是不同地執(zhí)行每個http請求。
但是,如果組件因頁面而異,這將變得乏味。
2、優(yōu)化javascript。
不是改變web應用程序以適應分布式架構,使用內容傳送網絡始終是可行的,其中內容可以分散在多個地理位置的服務器上,從而方便快捷的訪問網頁。
事實上,大多數(shù)用戶的響應時間是花在網頁上下載不同的組件,如樣式表,圖像,css等等。
因此,分散您的靜態(tài)內容首先標志著響應時間的顯著減少,從而更快地向用戶提供內容。
需要安全地設置外部腳本腳本,以避免在頁面加載期間阻止網頁上的其他事件處理程序。
這是因為在html頁面的head或body部分中出現(xiàn)的這些腳本進行瀏覽器中頁面的渲染過程,當瀏覽器從頂部到底部讀取頁面時遇到腳本標簽。
這樣做會阻止頁面上出現(xiàn)的其他腳本,因為某些腳本可以修改頁面,添加變量或添加其他直接影響頁面加載時間的其他腳本。
因此,為了避免這些情況,可以：在<body>部分的底部包含腳本標簽,加載事件后包含腳本代碼,包括異步跟蹤代碼。
社交媒體按鈕是當今網頁的一些流行工具。
因此,隨著人們在瀏覽會話期間經常使用這些按鈕,有必要優(yōu)化頁面加載。
一個更好的選擇是將所有社交媒體請求的代碼包含在一個腳本下,并將其包含在頁面的代碼末尾之上。
推遲代碼的過程意味著頁面被完全加載,然后解析javascript的代碼以加快頁面加載時間。
這樣的代碼不會影響頁面的性能,只能重新整理整個加載過程以獲得最佳結果。
3、優(yōu)化css。
優(yōu)化css文件的最佳方法是將它們放在頁面的<head>部分而不是底部。
一些重要的規(guī)則是：包含不超過一次的外部css樣式表；避免內聯(lián)css；避免@import調用;在樣式標簽疊加內容中包含小型css。
4、優(yōu)化圖像。
逃避使用更大的圖像,因為賣家可以隨時設置圖像的寬度和高度在html。
另外,有一個favicon.ico低于1k是有益的。
這個用法是不可避免的,因為瀏覽器總是要求他們,并且cookie每次都發(fā)送給這樣的請求。
所以最好不要在這樣的請求期間返回錯誤頁面。
上述步驟可以幫助賣家獲得更好的流量,但不一定會增加賣家的業(yè)務投資回報率。
本文內容根據網絡資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。
轉載請注明，如有侵權，聯(lián)系刪除。
沃爾瑪海外優(yōu)選倉
