web開發的18個網站優化技巧(好不容易才收藏到的乾貨)
快速的頁面載入對提升搜尋引擎排名、網站轉化率和整體的使用者體驗是非常重要的。網站頁面的載入速度也是衡量網站效能的一個重要因素。
如果網站不是以最好的效能在執行,遲緩的載入會讓你在低的排名和搜尋流量上花費更大的代價。頁面的載入速度會對使用者的行為和轉化率產生很大的影響。
那麼?有哪些簡單的方式可以優化載入速度呢?
1、圖片優化
首先,你需要優化你網站上的圖片,來獲得絲毫加速網站的機會。從原圖上移除額外的註解、不必要的空間和無用的顏色,將圖片儲存為JPEG格式,因為它即使佔用空間小,也能保證圖片的高質量。
對於WordPress網站,建議使用smush.it外掛來自動優化網站的圖片。如果圖片是PNG格式,可以使用
2、開啟GZip壓縮
GZip壓縮聽起來很複雜,但實際上很簡單,被用於減少HTTP請求的大小來縮短響應時間。因為這允許你傳送GZip壓縮檔案而不是HTML
檔案給瀏覽器,它將縮短頁面等待時間和載入時間。對於Apache
伺服器,可以將下面的程式碼新增到.htaccess
檔案中來開啟GZip壓縮。
<code class="hljs parser3 has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="xml" style="box-sizing: border-box;"><span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">ifModule</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">mod_gzip.c</span>></span> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler </span><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">^cgi-script</span><span class="xml" style="box-sizing: border-box;">$ mod_gzip_item_include mime </span><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">^text</span><span class="xml" style="box-sizing: border-box;">/.* mod_gzip_item_include mime </span><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">^application</span><span class="xml" style="box-sizing: border-box;">/x-javascript.* mod_gzip_item_exclude mime </span><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">^image</span><span class="xml" style="box-sizing: border-box;">/.* mod_gzip_item_exclude rspheader </span><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">^Content-Encoding:.</span><span class="xml" style="box-sizing: border-box;">*gzip.* <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">ifModule</span>></span></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li></ul>
如果上面的程式碼沒有開啟GZip壓縮,則刪除,使用下面的程式碼:
<code class="hljs applescript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;"># compress text, html, javascript, css, xml:</span> AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">text</span>/plain AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">text</span>/html AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">text</span>/xml AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">text</span>/css AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">application</span>/xml AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">application</span>/xhtml+xml AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">application</span>/rss+xml AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">application</span>/javascript AddOutputFilterByType DEFLATE <span class="hljs-type" style="box-sizing: border-box;">application</span>/x-javascript <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;"># Or, compress certain file types by extension:</span> <files *.html> SetOutputFilter DEFLATE </files></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li></ul>
或者在HTML/PHP
檔案的頂部新增下列的PHP
程式碼:
<code class="hljs xml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="php" style="box-sizing: border-box;"><span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;"><?php</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (substr_count(<span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$_SERVER</span>[<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'HTTP_ACCEPT_ENCODING'</span>], <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'gzip'</span>)) ob_start(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"ob_gzhandler"</span>); <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">else</span> ob_start(); <span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">?></span></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>
3、伺服器響應時間
即使網站已經格外優化,但是除非伺服器響應時間非常快,否則就不會有什麼大的效果。當涉及到提高網站的速度,伺服器響應時間起著重要的作用。下面是一些提高伺服器響應時間的建議。
- 有獨立的伺服器,而不是選擇共享/託管伺服器。
- 提高Web伺服器的質量。
- 移除不必要的外掛,只有那些必要的外掛,才需要一直保持啟用狀態。
4、瀏覽器快取
瀏覽器具有快取的功能,可以儲存指定的檔案,減少HTTP請求,從而提高網站的載入速度。你可以通過在.htaccess
檔案中設定expires
頭來開啟瀏覽器快取,利用下面的程式碼可以實現:
<code class="hljs applescript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">## EXPIRES CACHING ##</span> <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 year"</span> ExpiresByType image/jpeg <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 year"</span> ExpiresByType image/gif <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 year"</span> ExpiresByType image/png <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 year"</span> ExpiresByType <span class="hljs-type" style="box-sizing: border-box;">text</span>/css <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 month"</span> ExpiresByType <span class="hljs-type" style="box-sizing: border-box;">application</span>/pdf <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 month"</span> ExpiresByType <span class="hljs-type" style="box-sizing: border-box;">text</span>/x-javascript <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 month"</span> ExpiresByType <span class="hljs-type" style="box-sizing: border-box;">application</span>/x-shockwave-flash <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 month"</span> ExpiresByType image/x-icon <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 1 year"</span> ExpiresDefault <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"access plus 2 days"</span> </IfModule> <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">## EXPIRES CACHING ##</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li></ul>
注意:如果過期時間與檔案掛鉤,而此時檔案中的內容需要更改的話,那必須先重新命名檔案,以便瀏覽器可以獲取新新增的程式碼。
5、開啟長連線(Keep-Alive)
Keep-Alive
頭對縮短瀏覽器和伺服器之間的分散式請求的潛伏期是非常重要的。當用戶通過瀏覽器請求網頁時,瀏覽器會讀取伺服器傳送的特定的HTML
檔案,如果請求的頁面中包含了外部的CSS
和JavaScript
檔案,瀏覽器會再次傳送獨立的請求來獲取這些檔案。正如你想的,這會延長頁面的載入時間。
使用Keep-Alive
頭可以一直保持連線,直到瀏覽器從伺服器獲取到所有與這個頁面相關的資源。在.htaccess
檔案中加入下面的程式碼可以開啟這個功能:
<code class="hljs bash has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span>Module mod_headers.c> Header <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">set</span> Connection keep-alive </<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span>Module></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>
6、使用CDN
內容分發網路(CDN)是位於不同地理位置的伺服器組成的網路。每個伺服器都擁有所有網站的檔案副本。當用戶請求檔案和網頁時,就可以直接從就近的網站伺服器獲取相應資源(也可以是從負載最小的伺服器)。你可以使用Amazon cloud front 或者MaxCDN為網站開啟CDN加速。
7、壓縮CSS、JavaScript和HTML檔案
通過刪除所有不必要的空格和註釋,從而減小檔案大小,提高頁面的載入速度。下面是一些優化CSS、JavaScript和HTML檔案的流行工具,非常有用。
8、避免重定向
重定向是對網站訪問者的一種極大的刺激。就類似你去一個朋友家,卻發現你朋友早已經搬到三個街區遠的地方了。重定向會消耗額外的時間,降低載入速度。
9、指定字符集
指定字符集是加速瀏覽器渲染頁面的另一個有用的技巧。下面的程式碼就能輕鬆實現:
<code class="hljs xml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">meta</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">http-equiv</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"Content-Type"</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">content</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"text/html; charset=utf-8"</span>></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>
10、避免錯誤請求
當用戶在網站上搜索時,收到404或410錯誤是比較失望的。錯誤請求會對網站的頁面載入速度產生不利影響。因此,建議你無論如何都要避免錯誤請求。Check My Link 能幫你找出404連結,清除它們,改善使用者體驗。
11、丟棄跟蹤程式碼、嵌入視訊的元素和分享按鈕
很多網站管理員認為使用多個跟蹤程式碼提供嵌入和分享按鈕會帶給使用者更好的體驗,實際上這隻會給網站增加更多的服務請求。例如,一個iframe
會請求一個新頁面,這會自動降低網站的載入速度。所以,丟棄這些跟蹤程式碼,可以提高網站載入速度,提升使用者體驗。
12、非同步指令碼
還有一個可以提高網站頁面速度的超棒選擇就是非同步載入指令碼。如此一來網頁負載就並不必依賴於這些非同步指令碼。在非同步模式中,指令碼是在後臺下載的,不會影響瀏覽器對頁面的渲染和載入。
<code class="hljs xml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">async</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">src</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"http://www.yoursite.com/script.js"</span>></span><span class="javascript" style="box-sizing: border-box;"></span><span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span>></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>
13、樣式表置頂,指令碼置底
將樣式表放在頂部有利於頁面迅速載入,因為這樣可以使得頁面慢慢呈現。一般來說,在同一時間,大部分瀏覽器支援並行下載兩個元件(影象、樣式和指令碼)。但是通常而言,指令碼會在並行下載時會阻止其他的下載,直到指令碼下載完畢。
14、JavaScript的延遲解析
為了載入網頁,瀏覽器必須解析所有的
15、避免阻塞型的JavaScript和CSS
在瀏覽器呈現網頁之前,它首先需要通過解析HTML
標記語言來構建一個DOM樹。在此過程中,如果遇到了指令碼,此過程就會中止,轉而先執行指令碼,然後才會繼續原先的活動。因此建議避免阻塞型的JavaScript,尤其是外部指令碼。
阻塞型JavaScript還會導致網站的延遲。所以不妨推遲載入那些不重要的JavaScript,或者採用非同步載入的方式。另一種選擇是將這些HTML程式碼內嵌到網站上,同時需要確保CSS的優化。
16、優化程式碼:不使用內聯的CSS
內聯了樣式就不能清清楚楚地將內容從設計中剝離開來。同時可能還會需要大量的維護工作,給網站管理員帶來各種不便,還會進一步增加網頁的大小。
17、檔案分離
網站的檔案可以分為CSS、JavaScripts和影象。檔案分離雖然並不能直接改善網站的載入時間。但是,這麼做可以提高伺服器的穩定性,特別是當網站流量突然出現了尖峰的時候。子域也可以用於託管檔案,這樣可以增加並行下載的數量。
18、儘量減少HTTP請求
還有一種簡單的優化網頁速度的方法是,減少HTTP請求。當一個網站一下子收到太多的HTTP請求,它的訪客就會有響應時間延遲的體驗,這不僅增加了CPU使用率也增加了頁面的載入時間。那麼,又該如何減少HTTP請求?請見以下步驟:
- 減少網站上的物件數量。
- 最小化網站上的重定向數量。
- 使用CSS Sprites 技術(只要你需要的那部分圖片內容)。
- 合併JavaScripts和CSS檔案。
相關推薦
web開發的18個網站優化技巧(好不容易才收藏到的乾貨)
快速的頁面載入對提升搜尋引擎排名、網站轉化率和整體的使用者體驗是非常重要的。網站頁面的載入速度也是衡量網站效能的一個重要因素。 如果網站不是以最好的效能在執行,遲緩的載入會讓你在低的排名和搜尋流量上花費更大的代價。頁面的載入速度會對使用者的行為和轉化率產生很大的影響。
30 個java程式設計技巧(最佳實踐的初學者)
30 個java程式設計技巧(最佳實踐的初學者) https://blog.csdn.net/zyf__java/article/details/52437199 1.return 一個空的集合,而不是 null 如果一個程式返回一個沒有任何值的集合,請確保一個空集合返
web前端必學8個網頁優化技巧
現在,有越來越多所謂的“教程”來幫助我們提高網站的易用性。web前端培訓教程頻道收集了8個在Web開發中容易出錯和被忽略的小問題,並且提供了參考的解決方案,以便於幫助Web開發者更好的完善網站。 通過避免下面這些小錯誤,可以使得我們的網站變得更為
NGUI開發優化技巧(下)
NGUI更新開銷:NGUI進行自身的資料更新以及生成網格的過程中所產生的開銷,目前UI部分的CPU耗時大部分都是這部分的開銷; NGUI的更新開銷幾乎全部來源於UIPanel.LateUpdate中;一般超過3~4ms,說明這部分更新開銷較高; UI更新的數量和頻率通
NGUI開發優化技巧(上)
UGUI和NGUI的區別: 使用率:NGUI佔大多數,NGUI和UGUI的使用佔比為81% : 19%; 易用性:NGUI佔一定優勢,UGUI仍在慢慢改善; 效能:如果都合理搭配,UGUI在效能上還是有一點優勢的,在Unity5.2、5.3之後UGUI有一部分網格
chrome開發滾動截圖小技巧(pc和移動都可以)
注: 前端開發過程中,需要經常性的擷取開發圖樣給產品或者ui看效果。 半螢幕截圖非常麻煩,所以需要全屏檢視效果 用開發者常用的網站chrome,開啟需要截圖的網頁 使用快捷鍵組合:Alt + Command + I (Mac) || Ctrl + Shift + I
35個seo優化技巧
事實上,各大搜索引擎經常更新其演算法的原因是它希望確保網站所有者每天只實施良好的SEO實踐。適當的技術不僅可以幫助網頁排名更高,而且最重要的是幫助人們輕鬆找到相關資訊的技術。在SEO世界中,我們稱之為白帽技術。 換句話說,搜尋引擎優化不僅適用於您 – 網站所有者,博主,企業家,而且最重要的是同時也
35 個 Java 程式碼效能優化總結(複製於碼農網)
前言 程式碼優化,一個很重要的課題。可能有些人覺得沒用,一些細小的地方有什麼好修改的,改與不改對於程式碼的執行效率有什麼影響呢?這個問題我是這麼考慮的,就像大海里面的鯨魚一樣,它吃一條小蝦米有用嗎?沒用,但是,吃的小蝦米一多之後,鯨魚就被餵飽了。程式碼優化也是一樣,如果專案著眼於儘快無BUG
[python] python django web 開發 —— 15分鐘送到會用(只能送你到這了)
1、安裝python環境 1.1 安裝python包管理器: wget https://bootstrap.pypa.io/get-pip.py sudo python get-pip.py 1.2 安裝python虛擬環境virtualenv virtualenvwrapper 首
乾貨:Python的19個高效程式設計技巧(附習題)
初識Python語言,覺得python滿足了我上學時候對程式語言的所有要求。python語言的高效程式設計技巧讓我們這些大學曾經學了四年c或者c++的人,興奮的不行不行的,終於解脫了。高階語言,如果做不到這樣,還扯啥高階呢? 進群:943752371獲取Python入門你學習資料! 乾
移動 web 開發幾個明顯的相容性問題
用 H5 做了個 IM 聊天應用,功能比較簡單,可以傳送文字圖片,以及播放原生客戶端發來的語音訊息。 即時通訊自然要用 websocket,介面也比較簡單,主要精力在於,理解並實現 前後端約定的相關訊息協議,並沒有什麼難度。 前端開發,不可避免會遇到一些相容性問題,分享幾個相容方案。
python web開發虛擬環境安裝與配置(以flask開發為例)
為什麼要搭建虛擬環境? 問題:如果在一臺電腦上, 想開發多個不同的專案, 需要用到同一個包的不同版本, 如果使用上面的命令, 在同一個目錄下安裝或者更新, 新版本會覆蓋以前的版本, 其它的專案就無法運行了. 解決方案 :虛擬環境 作用 : 虛擬環境可以搭建獨立的p
學習Web開發的十佳網站
1.Codecademy 它是學程式設計最流行的網站之一。事實上,2000萬人已經使用這個網站來學習程式設計了。你只需要註冊一個免費帳戶,便可以開始挑選你想學的第一門程式語言。它包括了CSS、HTML、JavaScript、jQuery和PHP等。 2. Free Co
必知的 15 個jQuery小技巧(乾貨)
1.返回頂部按鈕 你可以利用 animate 和 scrollTop 來實現返回頂部的動畫,而不需要使用其他外掛. $('a.top').click(function(){ $(document.body).animate({scrollTop:0},800)
loadrunner指令碼的優化技巧(一)
網站測試指令碼,可以手動優化測試指令碼,以減少指令碼程式碼,提高測試質量。 LoadRunner錄製結束後,會在View script模式中看到指令碼程式碼。這些程式碼中一般包含了以下幾種函式。 web_add_cookie("") web_url("") web_cu
經常使用的20個css高階技巧(上)
1. 黑白影象 這段程式碼會讓你的彩色照片顯示黑白照片。 img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filte
Web開發中PHP與JAVA對比(轉載)
在市場上的電子商務軟體基本上可歸結為兩大陣營,即PHP陣營和Java陣營。但對接觸電子商務不久的使用者來說,看到的往往只是它們的表相,只是明顯的價格差異,卻很難看出它們之間的實際差異。其實,PHP+ MySQL高效的開發、品質優良的特性,已經讓風靡大學校園的Java變的越來越難堪。而作為PHP+ My
網站優化技巧
策略包括免費搜尋引擎推廣方法和收費搜尋引擎廣告,免費方法如分類目錄登入、基於自然檢索結果的搜尋引擎優化排名、網站連結規光等,付費搜尋引擎廣告則包括關鍵詞廣告及其優化和效果管理,搜尋結果頁面位次排名等。搜尋引擎營銷如何將訪
.net的web開發前後端傳值系列(一)
1.在webfrom頁面的AJAX傳值 頁面: function SaveItemCraft(id) { var NewValue = $("#TextItemCraft
每週分享五個 PyCharm 使用技巧(三)
大家好,這是本系列 PyCharm 的高效使用技巧的第三篇。按照慣例,本次還是分享 5 個。 11. 一鍵進行程式碼效能分析 在 Python 中有許多模組可以幫助你分析並找出你的專案中哪裡出現了效能問題。 比如,常用的模組有 cProfile,在某些框架中,也內建了中介軟體幫助你進行效能分析,比如 Djan