我們將看看如何加快小型靜態(tài)網(wǎng)站使用一些不同的方法的用戶體驗(yàn)。（一個(gè)靜態(tài)的網(wǎng)站是一個(gè)沒(méi)有任何更新的內(nèi)容，所以沒(méi)有博客文章或照片流等）

成都網(wǎng)站建設(shè)要做的是把頁(yè)面重新加載。所以簡(jiǎn)單的說(shuō)，當(dāng)用戶使用導(dǎo)航鏈接，只有主要的網(wǎng)頁(yè)內(nèi)容的變化，它不會(huì)使瀏覽器加載網(wǎng)頁(yè)。
我們將在兩種不同的方式實(shí)現(xiàn)這一效果，第一只使用jQuery和其他使用AJAX和PHP。他們都有他們的優(yōu)點(diǎn)和缺點(diǎn)，我們來(lái)看看為好?？匆豢囱菔究吹轿覀冋谂?shí)現(xiàn)我們的第一個(gè)開(kāi)始（簡(jiǎn)單）的jQuery方法。
使用jQuery實(shí)現(xiàn)的影響
我們先看看頁(yè)面設(shè)置。HTML很簡(jiǎn)單，但有幾個(gè)重要的部分，“要點(diǎn)”是。我們需要一些導(dǎo)航鏈接，里面有具體的哈希鏈接（我們馬上會(huì)解釋）和一個(gè)指定的內(nèi)容，你就已經(jīng)在其他網(wǎng)站反正。所以，讓我們先來(lái)看看我們的index.html文件是什么：

因此，概括的需要到標(biāo)記的重要部分：我們的導(dǎo)航中，每個(gè)環(huán)節(jié)都有相應(yīng)的部門href鏈接”頁(yè)面，有2″href =“# page2.php”（這是<段>元素的ID進(jìn)一步下降）。所以這第一個(gè)方法，你可以看到我們有一個(gè)div的#主要內(nèi)容圍繞我們的部分，然后每一頁(yè)的內(nèi)容有自己?jiǎn)为?dú)的部分的其他元素后。我們也呼吁jQuery和我們自己的custom.js JavaScript文件，網(wǎng)站的實(shí)際功能將使。

JavaScript
所以現(xiàn)在來(lái)解釋我們需要通過(guò)jQuery實(shí)現(xiàn)。在我們的custom.js文件，我們的目標(biāo)是當(dāng)用戶點(diǎn)擊導(dǎo)航鏈接。檢索href鏈接找到'節(jié)'，相同的ID，然后躲在#主要內(nèi)容div的一切，在新的部分褪色。這是什么樣子的：

使用AJAX和PHP
為了達(dá)到這一效果但稍有不同的方式，使初始負(fù)荷不會(huì)載我們所有的內(nèi)容，因此慢下來(lái)（擊敗點(diǎn)如果網(wǎng)站有很多內(nèi)容）我們將使用一個(gè)小的PHP和AJAX。這意味著我們的項(xiàng)目文件的結(jié)構(gòu)將發(fā)生變化，看起來(lái)像這樣：

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦：

宣漢網(wǎng)站推廣SEO網(wǎng)站優(yōu)化
開(kāi)江網(wǎng)絡(luò)營(yíng)銷網(wǎng)站推廣

分享名稱：如何增加你網(wǎng)站的速度
當(dāng)前地址：http://www.rwnh.cn/news/21134.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、軟件開(kāi)發(fā)、網(wǎng)站導(dǎo)航、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)