如何使PWA應用程序更加友好？

Progressive Web Apps是互聯(lián)網(wǎng)商業(yè)用途的新品質(zhì)。許多專家都認為他們有非常真實的潛力來決定電子商務的未來。用戶已經(jīng)了解PWA的功能，整體體驗和速度。有什么可以改進使應用程序更符合客戶的期望?

在此字段中達到更高級別不需要很多小時的工作。通常，該技術的最終效果將包含一些將改變PWA感知的優(yōu)點。

如何確保應用程序更好?查看一些可以對每個PWA產(chǎn)生積極影響的提示。

效率是成功的關鍵

沒有什么比PWA更難以滿足您的需求了。運行緩慢，系統(tǒng)崩潰，資源利用率高的錯誤?是時候照顧效率了。這不僅僅是UX的問題; 一個高效且設計良好的應用程序也向Google發(fā)出信號，它是一種高質(zhì)量的產(chǎn)品 - 并且比競爭對手更好。

如何提高Progressive Web Apps的性能?每個應用程序都必須針對其當前性能和未來擴展，新功能進行優(yōu)化。PRPL模式促進了這一點。這種特殊模式包括渲染初始路線，緩存剩余路線，以及通常改善負荷。結果是全面加速PWA流程。這在首次使用PWA時尤其重要。在以下步驟中，應用程序使用已下載的數(shù)據(jù)。但是，如果PWA在第一階段無法正常工作，用戶將會失望并無法返回。

提高下載速度

該腳本在PWA的背景下運行 - 對于離線活動最重要 - 是優(yōu)先事項之一。連接不良，互聯(lián)網(wǎng)不穩(wěn)定或網(wǎng)絡中斷并不一定意味著問題。PWA也可脫機工作，但前提是您的瀏覽器可以在后臺使用服務工作者。

服務器端呈現(xiàn)也適用于最佳腳本性能。這將確保更快的下載。頁面加載速度是目前影響Google索引的主要因素之一。但是，它不僅僅是關于此評級。PWA用戶不應該覺得他正在使用典型的網(wǎng)站 - 等待頁面加載是不可接受的。網(wǎng)站應該像本機應用程序一樣自然地表現(xiàn)。

標準字體而不是實驗

PWA不適合進行視覺測試。創(chuàng)建PWA時常見的錯誤是使用自定義字體?；咀煮w與標準解決方案匹配。字體越不尋常，用戶方面的錯誤或誤判風險就越大。標準字體可以更快地適應給定項目。這不僅適用于文本，也適用于標題或徽標。如果它們包含未知的字體模式，最好使用圖形格式。

離線功能

PWA的優(yōu)勢在于它無需Internet即可運行。應基于負責將應用程序文件保存到緩存存儲的Service Worker組件創(chuàng)建應用程序。這將允許您僅在用戶未連接到網(wǎng)絡時使用數(shù)據(jù)。請注意緩存中有多少空間。差異很大。這是最大的。Chrome瀏覽器中的6%和Firefox中的10%用于Safari或IE10中的特定Mb數(shù)據(jù)。

直覺而非影響

PWA是關于簡單性，易用性和透明度的。用戶期望速度和具體內(nèi)容，而不是過多的圖形效果。復雜的項目沒有意義 - 它們會產(chǎn)生相反的效果并開始激怒用戶。導航必須最小化和簡單。在屏幕之間切換時，視覺阻擋也會影響直觀性。在應用程序環(huán)境中平滑導航是獲得更好用戶體驗的簡單方法。

請記住，應定期檢查PWA的性能。Google的一個工具用于此目的。Lighthouse，用作瀏覽器擴展，允許您生成報告。通過這種方式，只需點擊幾下即可檢查PWA是否有效或是否需要修復。審計非常準確。該工具分析了要滿足的幾十個標準 - 燈塔還將呈現(xiàn)三個結果：“好”，“平均”和“弱”。獲得良好結果的方法不僅是應用程序的基礎，還有細節(jié)。