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

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

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

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

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

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

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

分享標(biāo)題：如何增加你網(wǎng)站的速度
URL鏈接：http://www.rwnh.cn/news34/21134.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、搜索引擎優(yōu)化、定制網(wǎng)站、做網(wǎng)站、微信小程序、全網(wǎng)營銷推廣

廣告

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