本文目錄一覽:
- 1、把整個站的CSS或者js都放在一起會不會影響打開網頁的速度?
- 2、網頁打開很慢,載入js和css狀態是304 Not Modified,高手們,要怎麼解決?
- 3、js動態調用外部CSS並以新窗口打開網頁
把整個站的CSS或者js都放在一起會不會影響打開網頁的速度?
會的,網站打開順序首先是html文檔 遍歷dom(就是從上到下,從外到內的HTML標籤),在遍歷DOM的時候中間如果穿插了js會被中斷,js解析完成了才繼續往下載入。最好不要在html標籤中間寫js和css, js一般都放在/boyd前面。css當然還是在head里。
載入順序:1. HTML 2.CSS 3.JS
css或者 JS過大都會影響網站的顯示和響應速度。
當然大小的話把握一個度就好了,不必要苛刻,css gzip壓縮後10K內是可以接受的。
曾經我用minify把整站的js合併了,現在才發現這是一個很嚴重的錯誤….減少了請求加大了初次打開的請求量。很多代碼初次載入根本用不到,完全浪費。 很多人說一次載入完了其他頁面直接讀緩存就好了。可是當前段工程獅了解到了什麼是模塊化就不會這樣幹了。一個網站要有清晰的思路全局的概念,才能步步為營。
網頁打開很慢,載入js和css狀態是304 Not Modified,高手們,要怎麼解決?
304是使用緩存,不影響網頁,查伺服器。
第一步、先確認網路是否丟包,ping命令檢測。
第二步、檢測操作系統資源使用情況(http服務與資料庫)。
第三步、確認http服務是否hang死了,http緩存用滿的時候會這樣。
第四步、查資料庫鏈接是否正常。
第五步、檢查資料庫的慢查詢語句。
第五、以上步驟都沒問題,查程序bug去。
ps:如果使用的mysql,我建議評估業務量,重新調整資料庫使用的內存,別使用默認配置。
js動態調用外部CSS並以新窗口打開網頁
改成這樣:
html
head
title電子相冊/title
script language=”javascript”
function showxi(){
var obj=document.getElementById(“csslinkid1”);
obj.href=”11-6catalog.css”;
obj.target=”_blank”;
}
function showppt(){
var obj=document.getElementById(“csslinkid2”);
obj.href=”11-6ppt.css”;
obj.target=”_blank”;
}
/script
/head
body
a href=”#” onclick=”showxi()” id=”csslinkid1″詳細信息/a
a href=”#” onclick=”showppt()” id=”csslinkid2″幻燈片模式/a
!–html具體內容–
!–html具體內容–
!–html具體內容–
/body
/html
從你的意思來看,我覺得把外部CSS寫在新窗口的link標籤里最好。這樣的話,可以改成這樣:
function showxi(){
var obj=document.getElementById(“csslinkid1”);
obj.href=”新窗口頁面2.htm”
obj.target=”_blank”;
}
function showppt(){
var obj=document.getElementById(“csslinkid2”);
obj.href=”新窗口頁面2.htm”
obj.target=”_blank”;
}
然後你再在
「新窗口頁面1.htm」中加入:
link rel=”stylesheet” type=”text/css” href=”11-6catalog.css” /
「新窗口頁面2.htm」中加入:
link rel=”stylesheet” type=”text/css” href=”11-6ppt.css” /
這樣似乎能達到你的要求。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/248011.html