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

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

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

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

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

牧羊人設計文章推薦：

網(wǎng)站建設網(wǎng)頁設計的用戶體驗
深圳網(wǎng)絡制作素材