1. 程式人生 > >對網站速度優化的10個簡單步驟

對網站速度優化的10個簡單步驟

1、儘量使網頁符合W3C標準

網頁程式碼儘量要寫標準規範,儘量採用DIV+CSS架構,因為table的程式碼實在要多出很多。

2、精簡你的CSS程式碼

將網頁的CSS程式碼放置到一個外部檔案中,在head區用<link href="CSS檔案路徑" rel="stylesheet"type="text/css" />呼叫,同時將CSS程式碼精簡,比如一段CSS如下:

.main{width:960px;margin-left:10px;margin-right:10px;margin-top:5px;margin-bottom:5px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-left:1px #ccc solid;border-right:1px #ccc solid;border-top:1px #ccc solid;border-bottom:1px #ccc solid;}

這段程式碼感覺太多了吧,我們完全可以改成下面的:

.main{width:960px;margin:5px 10px;padding:0;border:1px #ccc solid;}

這樣就精簡很多了。

3、給你的圖片減肥

圖片可以說是影響網頁載入速度最大的因素,在保證圖片質量的前提下,儘量將圖片的尺寸降低,最好使用GIF或JPG格式的圖片。

4、儘量使用背景圖片,而不是直接載入

圖片可以讓網站增添不少活力,但同樣卻是影響網頁載入速度的最大罪魁禍首,很多需要使用圖片的地方,我們可以採用背景的形式來展示,儘量使用很少的背景圖,比如,將所要用到的圖片全部放在一張,利用CSS控制,這樣將HTTP請求減少到最低。

5、將JS程式碼放置外部檔案中,通過<script>呼叫

JS程式碼我們知道搜尋引擎是不能讀取的,放一堆在頁面中太佔地方了,我們同樣跟CSS一樣放置到外部檔案中,通過<script type="text/javascript" language="javascript"src="JS檔案路徑"></scpirt> 這種形式來呼叫。

6、將所有標記的程式碼放到頁面底部

當你的網頁呼叫了JS檔案來實現某些特效,那通常是在HEAD區域使用《script》標記,其實我們可以放到底部來。對於訪客來說,網站開啟至載入到底部的程式碼時間很短,有時可以忽略不記,所以不會影響什麼。而對於搜尋引擎來說它不認識的程式碼越少當然越好了。

7、將網頁生成靜態的

動態頁面,是需要伺服器端通過客戶端的請求再臨時生成的,雖然現在的頻寬足以讓之間的差別變得很小,但還是可能有部分訪客自家的網速很慢,這樣動態頁面跟生成的純靜態頁面的開啟速度就相差很明顯了。

本文只是SEO中的一些表面東西,這裡只是希望能帶動大家的思維,還是希望能有點幫助。

相關推薦

網站速度優化10簡單步驟

1、儘量使網頁符合W3C標準 網頁程式碼儘量要寫標準規範,儘量採用DIV+CSS架構,因為table的程式碼實在要多出很多。 2、精簡你的CSS程式碼 將網頁的CSS程式碼放置到一個外部檔案中,在head區用<link href="CSS檔案路徑" rel="stylesheet"type="text

10簡單步驟,完全理解SQL

轉載自:http://blog.jobbole.com/55086/ 1 sql是一種宣告式語言  sql語言是為計算機聲明瞭一個你想從原始資料中獲得什麼樣的結果的一個範例,而不是告訴計算機如何能夠得到結果。  2sql的語法並不是按照語法順序執行  select

簡單步驟可以提高網站瀏覽體驗

活動 構圖 進一步 故事 層級 單純 例如 我們 建站寶盒 STEP 1確定網站定位 你的網站定位是要以企業形象官網為主,或是以單純販售商品的購物網站,還是要跟使用者做互動活動的網站? 每個網站的目的都不盡相同,形象官網,可能需要著重於品牌理念、品牌故事、公司介紹

《實用技巧》——讓你的網站變成響應式的3簡單步驟

1 – 佈局   當建立一個響應式網站,或讓現有的網站變成響應式的,首先要關注的元素的佈局。我在建立響應式的網站,總是先建立一個非響應的佈局,頁面寬度固定大小。如果非響應版本完成得非常不錯,我再新增媒體查詢(Media Queries)和響應式程式碼。這種操作方式更容易實現

discuz優化10小技巧

  Discuz論壇是國內使用最多的論壇系統,現在最新版為X 3.4,X3.4 從 2018 年 1 月 1 日起只在官方 Git 釋出,地址:https://gitee.com/ComsenzDiscuz/DiscuzX,說明已經開源了。discuz有那麼多的粉絲,跟它完善的功能有很大關係,開箱即用,很多優

考基本功的 10 簡單程式設計題

一、給一個數 N,判定這個數是否是素數。 1、先讓面試者說素數的定義,如果不知道可以提示素數的定義 2、最差的面試者,會沒有思路,這是很可怕的,大學第一學期學完,應該學會這個題 3、一般的面試者,能比較費勁地寫出正確的程式,但是可能存在邊界、標記等問題。 4、寫出程式出來,

學習樸素貝葉斯演算法的5簡單步驟

  貝葉斯分類是一類分類演算法的總稱,這類演算法均以貝葉斯定理為基礎,故統稱為貝葉斯分類。 而樸素貝葉斯分類是貝葉斯分類中最簡單,也是常見的一種分類方法。 本文將通過6個步驟帶領你學習樸素貝葉斯演算法。   Step1 什麼是樸素貝葉斯演算法? 樸

經驗分享:10簡單實用的 jQuery 程式碼片段

  儘管各種 JavaScirpt 框架和庫層出不窮,jQuery 仍然是 Web 前端開發中最常用的工具庫。今天,向大家分享我覺得在網站開發中10個簡單實用的 jQuery 程式碼片段。 您可能感興趣的相關文章 平滑滾動到錨點   這個功能很常見,在網站底部新增一個讓訪客快速回到頁面頂部的功能

網站SEO優化月才有效果?

 我個人提供SEO服務的經歷中最常被問到的問題有兩個。第一個是,做SEO能保證關鍵詞排名和流量嗎?回答是,不能。不管網上什麼地方什麼人說能保證,我都是堅持回答不能,哪怕諮詢的人一臉鄙視轉身就走。因為我真的不能保證。正確、持久優化,有很大可能性獲得排名和流量,但不能保證。即使可

提高程式執行效率的10簡單方法

對於每一個程式設計師來說,程式的執行效率都是一個值得重視,併為之付出努力的問題。但是程式效能的優化也是一門複雜的學問,需要很多的知識,然而並不是每個程式設計師都具備這樣的知識,而且論述如何優化程式提高程式執行效率的書籍也很少。但是這並不等於我們可以忽略程式的執行效率,下

開發者應該瞭解的 web 效能 and Web效能優化教程:如何網站圖片優化

http://www.wtoutiao.com/p/1deiv1x.html 開發者應該瞭解的 web 效能 併發程式設計網(ifeve) · 2016-01-04 22:16 網站的快和慢有什麼區別呢? 存在一種正確答案嗎? 沒有,很不幸,還沒

考出面試者基本功的 10 簡單程式設計題

昨天在朋友圈感慨了一下被面試的小朋友,會拉控制元件,會做應用,但是基本功差,還要價高,結果引來了 60多條評論。朋友們大都是感慨行業浮躁、人傻錢多,也有朋友問到,什麼樣的程式設計題能考察程式設計師的基本功呢?本文就奉上 10個筆者常用來考察面試者的程式設計題。由於我們不是大公

提高C++程式執行效率的10簡單方法

本文以C/C++程式為例講述了程式執行效率的10個簡單方法,分享給大家供大家參考之用。具體分析如下:對於每一個程式設計師來說,程式的執行效率都是一個值得重視,併為之付出努力的問題。但是程式效能的優化也是一門複雜的學問,需要很多的知識,然而並不是每個程式設計師都具備這樣的知識,

VC++ 提高C++程式執行效率10簡單方法(其他語言程式參考)

對於每一個程式設計師來說,程式的執行效率都是一個值得重視,併為之付出努力的問題。但是程式效能的優化也是一門複雜的學問,需要很多的知識,然而並不是每個程式設計師都具備這樣的知識,而且論述如何優化程式提高程式執行效率的書籍也很少。但是這並不等於我們可以忽略程式的執行效率,下面

百度優化10常見問題

越來越多的新人學習SEO,很多都是盯著百度優化在做,在國內做SEO把重心放在百度優化上也很正常,誰讓百度是中文搜尋引擎老大呢!自己和百度打交道也好幾年了,不能說對百度有多麼的瞭解,但是還是有一些自己的認識和體會,想必大家在做百度SEO的時候都會遇到一些問題,而這些問題是大家經常會遇到的,今天就羅列10個關於

什麽叫網站SEO?網站SEO優化主要分為哪些步驟

域名 托管 站長 知識 就是 item 目錄結構 google 用戶體驗 網站seo就是指基於網站建設平臺所進行的一系列seo推廣行為.為其網站的宣傳做鋪墊.指通過對網站內部調整優化及站外優化,使網站滿足搜索引擎收錄排名需求,在搜索引擎中提高關鍵詞排名,從而把精準用戶帶到網

優化網站簡單步驟

要做好一個網站是非常辛苦的,通常有沒有捷徑,但以下這個清單應該能為您提供幾點建議。 這是我為了在最短時間內改善網站、提高瀏覽量而編制出的一 份清單,只需要幾分鐘,你就可以按照這 25 條對你的網站做出修改,提高瀏覽量: 實用性/方便瀏覽 如果人們不能方便的使用你的網站,他們

網站載入速度優化的14技巧

下面我將介紹幾個優化網站載入網頁速度的簡單方法,一起來看一下。 1.伺服器響應時間 即使網站已經格外優化,但是除非伺服器響應時間非常快,否則就不會有什麼大的效果。當涉及到提高網站的速度,伺服器響應時間起著重要的作用。下面是一些提高伺服器響應時間的小貼士。 有獨立的伺服器,而不是選擇共享/託管伺服器。提

10助您提高網站訪問速度的技巧

-    1、如果可能的話,延遲載入一些內容  可以使用Ajax來按需載入部分內容。比如一個相簿,可以在使用者瀏覽頁面時先出縮圖,當用戶點選了,然後非同步請求原圖並展示,這樣使用者如果只需要看幾張圖片,就不需要等待所有圖片都載入下來。這種開發模式叫做延遲載入。   Ajax/Web開發類庫如jQuer

html+css+js網站載入速度優化(虛擬主機)

再正文之前先貼上優化後的個人部落格:http://散.top/ (本人學是的javaEE,因此虛擬主機不能在上面跑,只能寫靜態的掛上面玩。。) 為什麼要優化網頁載入速度? 引用下別人的話: 好奇心日報無論是設計還是內容都追求高品質,於是