如何增加你網站的速度

2016-08-25    分類: 網站建設

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

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

如何增加你網站的速度

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

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

如何增加你網站的速度

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

如何增加你網站的速度

如何增加你網站的速度

如何增加你網站的速度

如何增加你網站的速度

創(chuàng)新互聯(lián)設計文章推薦:

宣漢網站推廣SEO網站優(yōu)化
開江網絡營銷網站推廣

如何增加你網站的速度

分享標題:如何增加你網站的速度
URL鏈接:http://www.muchs.cn/news34/21134.html

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

廣告

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

成都定制網站網頁設計