H5頁面中常常需要通過js動態設置title信息:
在頁面加載完成后通過js更新title內容時,會卡頓一下,閃爍一下默認title內容,后變為更新的內容(如果HTML中title標簽為空時,瀏覽器會默認顯示為頁面地址信息);
為解決以上問題,可在html模板頁面內容前插入script標簽, document.title = '\u200E'; 設置title為空,在頁面加載完成后再設置對應的title內容;
<!DOCTYPE html> <html lang="zh-cn"> ... <title> </title> <script> document.title = '\u200E'; </script> ... <div id="app"></div> <script> document.title = '....'; </script>