如何提速網(wǎng)站
網(wǎng)站的速度是創(chuàng)建Web內(nèi)容和Web應(yīng)用程序的**重要因素之一。事實上,它已經(jīng)注意到,各種谷歌分析師認(rèn)為人們不經(jīng)常坐在前30秒的視頻,所以前15秒,所以這將是你得到你的網(wǎng)站負(fù)載,讓人們作出判斷,并同意使用它或不快的內(nèi)容。這在人們的判斷網(wǎng)站上可能有點(diǎn)膚淺,但我們通常不會想當(dāng)然。優(yōu)化你的網(wǎng)站應(yīng)該是一個優(yōu)先事項,通常使用WordPress和其他引擎與良好的插件時,幫助。我認(rèn)為,雖然你可能不會使用WordPress,因為有很多不理解,我會給你一些**好的方法來優(yōu)化任何網(wǎng)站是否托管在它。形象
圖像優(yōu)化可能是一個困難的話題,但有很多方法可以選擇。有文件格式,圖像優(yōu)化工具和代碼,CSS的**佳做法,以確保您的儲蓄和**佳方式的形象。我想給你舉個例子說明為什么它很重要,所以就拿**新的一個來說。它**近成為眾多位iOS開發(fā)者和應(yīng)用程序開發(fā)者中的佼佼者,應(yīng)用程序使用視網(wǎng)膜圖像為手機(jī)用戶2ndash做準(zhǔn)備;它比以前多了四倍的空間,導(dǎo)致人們的手機(jī)空間不足,只能從簡單的應(yīng)用程序下載。這不是為我們的Web開發(fā)人員和設(shè)計人,但它會讓你知道,這是重要的,妥善處理您的圖像在任何平臺上。下面是一些**重要的主題,我認(rèn)為是當(dāng)圖像頁面優(yōu)化。圖像格式
圖像的格式是一個熱門話題,似乎人們認(rèn)為不同的格式會提高速度,但是在這個學(xué)派有一個相當(dāng)普遍的想法,我們可以用這個阿德事實上的標(biāo)準(zhǔn)JPEG的照片,GIF是低色圖像/平色圖像,而PNG什么都可以。大多數(shù)網(wǎng)站設(shè)計的人和開發(fā)者,我知道他們喜歡使用PNG的就是一切,除非他們有一個按鈕,也許有一兩種顏色,他們發(fā)現(xiàn)GIF的作品很棒?,F(xiàn)在,當(dāng)然,您可以使用這些規(guī)范,但請始終記住這些規(guī)范是什么,以節(jié)省更小、更輕、更大和更重的標(biāo)準(zhǔn)。如果你正在做一個攝影網(wǎng)站,雖然它加載速度會比其他網(wǎng)站慢,但嘗試一些未來的方法來提高整體圖像優(yōu)化圖像編碼當(dāng)我們可以做服務(wù)器**糟糕的事情是加載圖片,讓代碼大小為我們做。好吧,關(guān)于ldquo你可以說什么;讓代碼成為我們的。俗話說,ldquo;如果你能做到這一點(diǎn),就去做rdquo;,這是一個非常好的人。使用圖像寬度;50px高度=#39;30像素rdquo;就圖像而言,服務(wù)器的加載時間確實可以采用,因為服務(wù)器解析了頁面,并且已經(jīng)完成了一個頁面ndash;創(chuàng)造者可以完成任務(wù)去見創(chuàng)造者。所以你要拍所有的照片。圖像優(yōu)化工具總是有用的。嗯,大多數(shù)時候。有時它們是負(fù)擔(dān)和分心,但在這種情況下,它們往往似乎是有用的。如果你能找到一個好的圖像優(yōu)化工具,首先在評論部分,因為我們都在尋找它,但我**喜歡的是以下。我愛imageoptim為Mac和防暴Windows。這兩個工具非常不同,但執(zhí)行類似的任務(wù)。您可以優(yōu)化破譯圖像的方式和方法,然后在保存發(fā)送的格式時吐出**終結(jié)果。他們真的很好。有很多噸。實際上,有一個堆棧可以分析圖像的位圖格式并告訴您什么是**好的。很容易看出,這是文本編輯器和設(shè)計程序中**有用的東西,而不是web頁面設(shè)計toolbucket,它被認(rèn)為是理所當(dāng)然的。我不是一個專家在談?wù)摶诜?wù)器優(yōu)化映像設(shè)置服務(wù)器,但我肯定會在一個足夠小的上下文中給出這個建議。沒有大量圖像加載的本地存儲。也就是說,不要將圖像存儲在服務(wù)器上的一個數(shù)據(jù)庫文件中,而是存儲在其他網(wǎng)站文件中。采用Amazon S3或Flickr服務(wù)器記錄等技術(shù),并將這些服務(wù)用于您的文件。我**近實現(xiàn)了亞馬遜S3bucket到服務(wù)器上我們的文件,其實挺簡單的,隨便試試吧。這是個好辦法。主要原因是您不希望在您所服務(wù)的多個負(fù)載發(fā)生的實例中出現(xiàn)瓶頸數(shù)據(jù)庫,因為這可能是一個診斷噩夢。**好在不同的服務(wù)器上存儲不同的文件(如果負(fù)載很重),除非它只是一個簡單的通用字符串存儲數(shù)據(jù)庫或類似的東西(優(yōu)化CSS)和JavaScript
CSS和JavaScript語言對于網(wǎng)頁設(shè)計來說非常重要,尤其是在創(chuàng)建動態(tài)內(nèi)容時。我認(rèn)為人們經(jīng)常忘記他們可以優(yōu)化自己的動態(tài)內(nèi)容,他們忘記他們可以優(yōu)化自己的JavaScript和CSS。這些其實不是小網(wǎng)站**重要的東西,而是大網(wǎng)站,這是非常重要的——尤其是說到網(wǎng)站,依賴很多設(shè)計。讓我們看一下ldquoCSS和JavaScript;,非常標(biāo)準(zhǔn),當(dāng)涉及到創(chuàng)建Web應(yīng)用程序(**個規(guī)則的CSS和JavaScript如果你能在CSS,然后做它,我們經(jīng)常忘記,我們有驚人的工具在我們面前,我說CSS分類作為**驚人的網(wǎng)頁設(shè)計老師。我也說過,設(shè)計老師跳得太快的本質(zhì)是PS圖象處理軟件(但這是他們的工作,所以誰能怪他們)。你記得,當(dāng)你設(shè)計把你的東西放在瀏覽器里時,你可以很快地原型:CSS3。使用它!有一個地方做快速原型,這是非常有幫助的,它會引導(dǎo)你做事情以后組裝HTML。代替ldquordquo;相信你能在CSS中找到一個加空格的方法,那么就做CSS和JavaScript兩個規(guī)則收縮,收縮,收縮!代碼縮減可能是你能做的**簡單**好的事情來加速你的網(wǎng)站。記住,我們談?wù)摰氖呛撩耄匀挥幸环N看不見的效果,特別是如果您使用jQuery這樣的庫。請記住,如果添加JavaScript和CSS插件,則可以選擇下載按比例縮小的版本(無需編輯)來執(zhí)行此操作。我**喜歡的一些工具是代碼壓縮Mac、縮小Windows和jscompress/CSS壓縮器,用于跨平臺的解決方案,這些解決方案需要通過一些瀏覽器。開心切CSS和JavaScript第三條規(guī)則線并不是說用網(wǎng)上CSS或網(wǎng)上JavaScript是不好的做法,然而,特別是在談到CSS時。究其原因,不僅是歷史問題,還因為如果我們把CSS放在HTML代碼里(特別是在線),它會讀出來,比如:HTML/CSS/HTML/CSS/HTML/CSS/HTML/CSS,而不僅僅是一個簡單的HTMLCSS=gt;。您可以看到,這是非常糟糕的服務(wù)器加載時間,并將導(dǎo)致大多數(shù)Web應(yīng)用程序不應(yīng)有設(shè)計分區(qū)拒絕在單個文件中使用它。這當(dāng)然不會讓你的網(wǎng)站崩潰,但會導(dǎo)致另一名員工經(jīng)歷解壓——這很重要。所以記住是誰在提取它,不要讓別人CSS和JavaScript第四條規(guī)則把它下移
如果你想把你的JavaScriptHTML放在網(wǎng)頁本身,沒有辦法把它放在周圍,然后把它放在下面的HTML文檔。這有助于加快網(wǎng)站的加載時間,因為我們可以在加載candy之后執(zhí)行所有這些功能和其他JavaScript頁面。另一件事是,這降低了擠壓整個網(wǎng)站性能的可能性,因為當(dāng)出現(xiàn)錯誤JavaScript時,它的視線往往會像沒有明天一樣吞噬記憶。因此,**好的做法是確保您的網(wǎng)站不這樣做,并警告未來的事件,它可能沒有我們要訪問的人我們的網(wǎng)站,然后他們的瀏覽器崩潰CSS和JavaScript規(guī)則5DOM優(yōu)化,如果您可以減少DOM。例如,在一個示例中,您使用大量jQuery來引用各種DOM元素,或讀取所有DOM元素來查找可以減緩網(wǎng)站失望的內(nèi)容。有一件事要說,我總是喜歡和適合這里,如果你在做什么,因為這是唯一的方式,你知道,這可能是一個更好的方式rdquo;你也可以說,rdquo;如果你做某事是因為這是唯一的方法,你知道,那么你錯了,ldquo;但這個版本有點(diǎn)苛刻。研究發(fā)現(xiàn),在這樣的情況下,與那些東西。如果你只是因為需要某樣?xùn)|西而使用HTMLdiv,那么這是你知道的唯一方法,那么這可能不是**好的方法?,F(xiàn)在,當(dāng)然,我明白使用div標(biāo)簽是因為你需要它們,因為你的CSS是完全可以理解的,但也許你可以刪除一些,找到一個更廣泛的方式來處理問題,風(fēng)格。我**近親自做了這個,因為我現(xiàn)在正在經(jīng)歷rubyonRails項目。本周早些時候,我在對方的HAML中嵌套了大約5個div,只是做了我想做的事情(在本例中,是盒子里面)。我只是看了看,知道這是胡說八道,但我不知道更好的方法,所以我放棄了,又做了一次。再做一次比較困難,但它迫使我學(xué)會一種新的方法來處理問題。**后,我從中學(xué)到了很多,以后我會向大家推薦這個方案。去掌握這些知識吧!它們一定是低垂的果實。這些寬泛話題的一般優(yōu)化確實不適合任何地方,但我還是覺得值得關(guān)注。事實上,一些可能是**重要的事情,你可以加快Web應(yīng)用程序或網(wǎng)站。刪除鏈接,這非常重要。當(dāng)用戶打開一個沒有結(jié)尾的鏈接時,從網(wǎng)站斜杠可以看出服務(wù)器有什么樣的文件或頁面地址。服務(wù)器將包括削減,但如果你把它自己,它將減少加載時間毫秒。一直以來,我**。我經(jīng)常發(fā)現(xiàn)設(shè)計程序員,尤其是那些不想認(rèn)為他們未優(yōu)化的代碼不會給任何東西帶來負(fù)擔(dān)的程序員,但確實如此。如果你把宿舍放10年,你會有很多錢,同樣的概念也適用于這里,只是規(guī)模大小取決于你網(wǎng)站的流量。圖標(biāo)瀏覽器總是拉一個favicon。你的服務(wù)器上的ICO文件,所以你不妨去看看。即使是暫時的,也總是好的。如果不這樣做,瀏覽器本身將給出一個內(nèi)部404rdquo;,只是緩存而已。404位于瀏覽器的favicon.ico部分。我們都知道如何減少404的加速加載時間??s小尺寸可能不適用于所有人,但如果您正在開發(fā)Web應(yīng)用程序和縮小cookie,則尺寸很重要。例如,在我熟悉的rubyonRails應(yīng)用程序中,可以使用cookie(或其他方法)從會話進(jìn)行身份驗證。通常人們更喜歡使用其他方法,因為它們可以減少用戶負(fù)載的次數(shù)。現(xiàn)在,acookie并不意味著它緩存在你的計算機(jī)上,你可能認(rèn)為它會增加加載時間,但它通常有利于他們驗證用戶會話或跟蹤你的網(wǎng)站(例如,谷歌和臉譜網(wǎng)正在收費(fèi))。然而,如果你有餅干,你就必須用你的判斷力來確定你使用餅干的程度。如果您設(shè)置了較短的過期時間,請減少加載時間高速緩存
這是一個很大的話題,一個我不是專家的話題。緩存是一個非常簡單的概念。它是存儲文件(通常是HTML/CSS代碼)從您的網(wǎng)站定期訪問您的計算機(jī),您不需要每次訪問加載。在過去的幾年里,這確實是許多Web應(yīng)用程序公司開始使用的非常有用的技術(shù)之一。已經(jīng)有一些緩存和**著名的數(shù)據(jù)庫解決方案memcached。這是存儲副本數(shù)據(jù)庫文件到您的瀏覽器供您使用的是Web應(yīng)用程序。因此,舉例來說,如果你有各種各樣的個人資料,你經(jīng)常訪問,它可以存儲信息圖片到你的電腦,美麗memcached是在下一個階段。在您的代碼中,您可以從memcached服務(wù)器調(diào)用(從DB中提取后),查看是否可以放置文件的緩存版本。如果沒有,當(dāng)然可以從數(shù)據(jù)庫中刪除該文件,如果該文件不在緩存中,則必須將其添加到下次以節(jié)省時間。這是一個很好的大型緩存的例子,在過去的2年里,它幫助數(shù)噸、多家公司提高了服務(wù)器和數(shù)據(jù)庫噸的速度。這將只是一個總結(jié)。當(dāng)然,這些并不是加速你網(wǎng)站的所有方法,但它應(yīng)該開始讓你的好奇心達(dá)到頂峰,讓你看起來所有偉大的東西
牧羊人設(shè)計
2016年電子商務(wù)網(wǎng)站設(shè)計趨勢終極指南快速建設(shè)網(wǎng)站指南
http://www.dongguanlifeng.com/jianzhanzhishi/1296.html 如何提速網(wǎng)站
標(biāo)簽:
相關(guān)新聞
- 2023年深圳網(wǎng)站設(shè)計成功要素盤點(diǎn)
- 從設(shè)計到優(yōu)化:如何在深圳打造高效的網(wǎng)站
- 深圳網(wǎng)站設(shè)計中常見的誤區(qū),你避開了嗎?
- 打造深圳地區(qū)最具創(chuàng)意的網(wǎng)站:設(shè)計與技術(shù)的完…
- 深圳網(wǎng)站設(shè)計的色彩心理學(xué):如何利用色彩吸引…
- 響應(yīng)式設(shè)計在深圳網(wǎng)站設(shè)計中的應(yīng)用
- 如何選擇適合深圳企業(yè)的網(wǎng)頁設(shè)計公司?
- 如何通過深圳網(wǎng)站設(shè)計提升品牌信任度?