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