互聯(lián)網(wǎng)思維已經(jīng)深入人心，特別是對(duì)于企業(yè)，越來越覺得網(wǎng)絡(luò)的重要性。那么，企業(yè)該怎么利用互聯(lián)網(wǎng)，怎么重視互聯(lián)網(wǎng)呢？最起碼，你得有個(gè)網(wǎng)站。

網(wǎng)站對(duì)于一個(gè)企業(yè)的重要性是不言而喻的，但就目前來說，中國企業(yè)擁有網(wǎng)站的數(shù)量還是偏少，據(jù)不完全統(tǒng)計(jì)，10個(gè)中國企業(yè)中只有3到4個(gè)網(wǎng)站，網(wǎng)站的普及率還很低。那么，我們?cè)撛趺慈プ龊?jiǎn)單的網(wǎng)站呢？

首先，注冊(cè)域名，購買空間。域名注冊(cè)最好選擇大的平臺(tái)，目前比較大的有萬網(wǎng)、新網(wǎng)、西部數(shù)碼等?？臻g也是一樣，最好能選擇大的平臺(tái)，這里要注意的是國內(nèi)空間和海外空間。如果你的網(wǎng)站需要備案，那就要買國內(nèi)空間，價(jià)格一般在200-300左右，國內(nèi)空間的好處是訪問速度快，空間穩(wěn)定，但備案需要十幾天的時(shí)間。海外空間相對(duì)來說訪問速度慢一點(diǎn)，穩(wěn)定性差一點(diǎn)，但是隨買隨用，不需要備案就可以打開網(wǎng)站。

其次，在百度或者淘寶上購買網(wǎng)站源碼。網(wǎng)站源碼就是所謂的模板，一般在網(wǎng)上可以買到的模板都是被無數(shù)人用過的，雖然相似度都很高，但畢竟每個(gè)企業(yè)都不同，無非就是樣式差不多，對(duì)要求不高的企業(yè)來說也就沒多大影響。源碼的價(jià)格便宜的幾塊錢都有，貴的也就一兩百，基本都是幾十塊，所以性價(jià)比還是比較高的。源碼買好后，就可以通過FTP軟件上傳到空間，網(wǎng)站就可以打開。

最后，修改網(wǎng)站模板，更新網(wǎng)站內(nèi)容。一般我們買的網(wǎng)站源碼都會(huì)有安裝和使用說明，賣家都會(huì)告訴你怎么使用源碼。等源碼安裝完成后，就是通過網(wǎng)站后臺(tái)修改、替換內(nèi)容。包括一些文字的修改和圖片的修改，把本身模板上的信息全部改成自己的信息就行了。

北京開發(fā)一個(gè)網(wǎng)站要多少錢呢？這是金方時(shí)代網(wǎng)站開發(fā)公司很多客戶都會(huì)問到的問題！然而很多時(shí)候，我們的客服人員和客戶經(jīng)理其實(shí)對(duì)于客戶的這種問法是比較感覺頭疼的，因?yàn)槿魏问虑椤⑷魏螁栴}其實(shí)都應(yīng)該是有一個(gè)標(biāo)準(zhǔn)作為參考的。

就算統(tǒng)一設(shè)計(jì)標(biāo)準(zhǔn)的普通展示站，跟一個(gè)功能站是完全沒有辦法比較的！相反的，或許設(shè)計(jì)要求標(biāo)準(zhǔn)比較高，可能普通展示站比一個(gè)功能站價(jià)格更高！更不要說網(wǎng)站還要分響應(yīng)式自適應(yīng)網(wǎng)站和營銷型網(wǎng)站、微網(wǎng)站等各種細(xì)分類型了。

因此總歸來說，北京開發(fā)網(wǎng)站、網(wǎng)站開發(fā)還是要具體網(wǎng)站具體分析，針對(duì)不同的網(wǎng)站定制化需求來定價(jià)。那么一般情況下北京網(wǎng)站建設(shè)公司如何開發(fā)網(wǎng)站呢？

1、用戶跟網(wǎng)站建設(shè)公司金方時(shí)代溝通需求，合同確認(rèn)，首付款繳納，工期確認(rèn)等；

2、網(wǎng)站整體策劃出原型，然后同時(shí)設(shè)計(jì)出圖；

3、前端和后端程序開發(fā)，當(dāng)然每一步都盡可能的建站公司和用戶要保持對(duì)接，盡量避免需求和實(shí)際做的東西有太大差別和出入；

4、網(wǎng)站域名、空間服務(wù)器購買或者轉(zhuǎn)入，并進(jìn)行域名備案和解析等；

5、網(wǎng)站上傳服務(wù)器并進(jìn)行整站bug問題測(cè)試

6、網(wǎng)站問題修改，并跟客戶溝通后進(jìn)行網(wǎng)站迭代

7、交付，客戶結(jié)尾款

當(dāng)然，相對(duì)于客戶和建站公司的網(wǎng)站開發(fā)來說肯定是相對(duì)簡(jiǎn)單的，那也是因?yàn)橄窠鸱綍r(shí)代這樣的網(wǎng)站建設(shè)開發(fā)公司已經(jīng)擁有了十多年的網(wǎng)站開發(fā)經(jīng)驗(yàn)，能夠給予用戶標(biāo)準(zhǔn)化、流程化的簡(jiǎn)單步驟便可以開發(fā)出很好的網(wǎng)站！

同樣的，如果客戶自己或者沒有找到專業(yè)的網(wǎng)站開發(fā)公司，可能結(jié)果會(huì)很不好！其中繁瑣的流程和最終效果可能都達(dá)不到預(yù)想的標(biāo)準(zhǔn)。

原文鏈接：http://bjjfsd/index_show_id_547.html 轉(zhuǎn)載請(qǐng)注明出處！

開發(fā)一個(gè)網(wǎng)站，我們的目標(biāo)決不僅僅滿足于功能的實(shí)現(xiàn)，而且要包括性能、安全、易用性等等各方面的考量。那么是否有一些可以公開評(píng)測(cè)的標(biāo)準(zhǔn)，使我們能夠準(zhǔn)確地知道目前我們網(wǎng)站的質(zhì)量水平在全行業(yè)中處于什么樣的水平呢？隨著技術(shù)水平的不斷進(jìn)步，網(wǎng)站評(píng)測(cè)方面的各種工具也在不斷演進(jìn)。

工具

想要知道自己網(wǎng)站的質(zhì)量水平，憑想象和猜測(cè)是不行的，必須要有可以客觀衡量的工具。

YSlow

最早做這方面嘗試的是2012年誕生于Yahoo的YSlow（http://yslow.org/），但是現(xiàn)在已經(jīng)逐漸淡出歷史舞臺(tái)。它的名稱實(shí)際上是英文Why Slow(為什么這么慢？)的縮寫，從它的名字你應(yīng)該能知道它是幫助站長解決網(wǎng)頁加載速度的工具。YSlow是一款瀏覽器插件，可以支持包括Chrome, Firefox, Safari等等主流瀏覽器。在瀏覽器上安裝相應(yīng)插件后，就可以對(duì)任意網(wǎng)站進(jìn)行評(píng)測(cè)，最后給出一個(gè)總體評(píng)分。評(píng)測(cè)內(nèi)容包括網(wǎng)頁是否包含了過多的HTTP請(qǐng)求，JS和CSS是否經(jīng)過壓縮，是否采用CDN等等，主要是提供給站長一個(gè)優(yōu)化的方向和參考建議。

PageSpeed

在YSlow之后，Google推出了自己的網(wǎng)頁優(yōu)化建議工具PageSpeed Insights（https://developers.google/speed/pagespeed/insights），這是一個(gè)網(wǎng)頁工具，你不需要像YSlow一樣下載插件和安裝，你只需要打開它的網(wǎng)頁，輸入任何你想測(cè)評(píng)的網(wǎng)址，就可以得到優(yōu)化建議了。

GTmetrix

我最常使用的工具不是以上兩款，而是一個(gè)名叫GTmetrix（https://gtmetrix/）的網(wǎng)站，這個(gè)網(wǎng)站結(jié)合了以上兩個(gè)工具，給出了更加完整的建議。

Lighthouse

更強(qiáng)大而嚴(yán)格的工具還是Google推出的Lighthouse。這也是一款瀏覽器插件，不過目前只能用于Google自家的Chrome瀏覽器。它從4個(gè)方面對(duì)任何網(wǎng)站進(jìn)行評(píng)測(cè)，包括性能、易用性、最佳實(shí)踐。我們下面將重點(diǎn)介紹如何能在這4個(gè)方面都完全滿足Google的要求。

優(yōu)化

GTMetrix

優(yōu)化的第一步，我們還是先從GTMetrix開始。一般網(wǎng)站常見的問題和建議如下：

CDN

通常情況下，你需要為你的網(wǎng)站開通CDN服務(wù)，以確保在地理位置上離用戶最近的服務(wù)器可以優(yōu)先為用戶提供服務(wù)。提供CDN服務(wù)的廠商很多，而且價(jià)格并不昂貴，很多云服務(wù)商比如阿里云、百度云都有提供這方面的服務(wù)。

Enable gzip compression

這一項(xiàng)主要是檢查你的nginx服務(wù)器是否設(shè)置了gzip壓縮傳輸?shù)姆绞?。打開你的Chrome開發(fā)者工具，檢查Network標(biāo)簽里每一個(gè)請(qǐng)求的Response header，看一下是否有content-encoding: gzip，如果沒有，說明你的網(wǎng)站沒有設(shè)置gzip傳輸。

解決方法：可以參考日新亭的博客中的《我的nginx鍋爐片》文章去設(shè)置（https://fengerzh/my-nginx-boilerplate/）

Add Expires headers

這一項(xiàng)也是很多網(wǎng)站缺失的配置，由于沒有給jpg圖片以及css和js設(shè)置合適的過期時(shí)間，導(dǎo)致每次訪問網(wǎng)站都需要重新從網(wǎng)站讀取內(nèi)容，這是很多網(wǎng)站訪問速度慢的原因。設(shè)置方式：同樣，參照上一節(jié)所提到的文章。

圖片大小

很多情況下，或者是出于無知，或者是出于偷懶，工程師們傾向于把一張大圖用css方式縮小，例如這樣：width: 100px; height: 50px;。導(dǎo)致的結(jié)果是這張圖片在網(wǎng)頁上看起來似乎圖片縮小了，但實(shí)際上文件尺寸并沒有變小。這也是很多網(wǎng)站變慢的主因。

解決方法：參照我的這篇文章《用imgproxy自動(dòng)縮放圖片》設(shè)置。（https://fengerzh/imgproxy/）

雪碧圖

如果你的頁面中有很多小圖標(biāo)的時(shí)候，最糟糕的做法莫過于把它們?nèi)壳谐尚∷榈膉pg或者png，這樣會(huì)使你的頁面在加載時(shí)向服務(wù)器端發(fā)送很多次http請(qǐng)求，而每一次請(qǐng)求都有獨(dú)立的建立連接、傳輸數(shù)據(jù)、斷開連接的過程，非常浪費(fèi)資源。

解決方案：如果可能的話，把這些圖標(biāo)做成獨(dú)立的圖標(biāo)字體文件。如果不行，則把它們壓縮成雪碧圖。（https://segmentfault/a/1190000006992567）

壓縮js和css

通常情況下，你剛剛寫完的js是下圖中左邊這種樣子的，而通常大公司網(wǎng)站的代碼是圖中右邊這樣的。

左邊的代碼人類閱讀沒有什么問題，但是你不應(yīng)該把它們就這樣在網(wǎng)絡(luò)中傳輸。第一，浪費(fèi)流量；第二，你能讀得懂，你的友商也能讀得懂，不利于安全。

解決方法：你應(yīng)該把你的js/css/html進(jìn)行丑化(uglify)和壓縮(minify)。（https://skalman.github.io/UglifyJS-online/）

終極大法

以上所有這些修改建議聽上去都不錯(cuò)，但是我要一個(gè)一個(gè)做下來太繁瑣怎么辦？也許你應(yīng)該考慮用一個(gè)現(xiàn)代的框架幫你自動(dòng)完成這些事情，比如Angular/React/Vue，或者你自己使用Grunt/Gulp/Webpack完成所有這些事情。你知道這就是為什么前端工程師要學(xué)習(xí)框架的原因了吧？

　　有許多因素可以確定網(wǎng)站的可用性，可訪問性和可搜索性。

　　速度是決定或破壞網(wǎng)站用戶體驗(yàn)的最關(guān)鍵因素之一。顯然，如果加載頁面需要更長的時(shí)間，訪問者不想停留在您的站點(diǎn)上。訪問者喜歡快速加載并提供更好用戶體驗(yàn)的站點(diǎn)。

　　因此，Web開發(fā)人員必須考慮相關(guān)的因素和元素來優(yōu)化站點(diǎn)的速度。

　　視覺上吸引人的設(shè)計(jì)可以吸引訪問者，但是為了更好的轉(zhuǎn)換，你需要將它們轉(zhuǎn)換成潛在的客戶。為此，你需要遵循一些真實(shí)的，以及現(xiàn)代的技術(shù)，可以幫助你提高網(wǎng)站的速度。

　　在這個(gè)文章中，我們將介紹一些Web開發(fā)人員的基本技巧，這些技巧可以幫助他們提高站點(diǎn)的性能和用戶體驗(yàn)。

　　讓我們開始吧！

　　1、減少HTTP請(qǐng)求和依賴

　　依賴性請(qǐng)求是可以降低站點(diǎn)速度的最關(guān)鍵的方面之一。每個(gè)額外的請(qǐng)求總結(jié)了膨脹，并在解析和下載網(wǎng)頁時(shí)增加了復(fù)雜性的機(jī)會(huì)。

　　因此，你限制或減少依賴的請(qǐng)求，并嘗試使用另一種優(yōu)化技術(shù)如SVG或精靈是必不可少的（如果可能的話）。

　　如果你舉辦一個(gè)大型的網(wǎng)站，你需要幾十個(gè)請(qǐng)求，那么你應(yīng)該使用CDN（內(nèi)容交付網(wǎng)絡(luò)）服務(wù)。通過使用CDN服務(wù)，您可以更快更有效地向Web訪問者分發(fā)網(wǎng)站內(nèi)容。

　　然而,它不會(huì)減少文件大小,但它可以消除任何緩慢的服務(wù)器連接,可以幫助你提高你的網(wǎng)站的速度。

　　2、編寫清晰、可讀的代碼

　　大多數(shù)Web開發(fā)人員在開發(fā)站點(diǎn)時(shí)生成復(fù)雜的代碼，從而犯了一個(gè)錯(cuò)誤。由于低效的CSS或JavaScript代碼會(huì)影響加載時(shí)間，它可能會(huì)降低站點(diǎn)的速度。

　　您可以使用最小的可單獨(dú)標(biāo)識(shí)的選擇器，而不是在選擇器鏈上編寫確切的路徑。這兩種方法都適合于對(duì)同一元素進(jìn)行樣式化，但第二種方法更加方便，快捷，高效。

　　但是臃腫的JavaScript可能比編寫不充分的CSS更糟糕。大多數(shù)開發(fā)人員忽視了這個(gè)錯(cuò)誤，但實(shí)際上這是網(wǎng)站緩慢的最大原因之一。將外部JS庫復(fù)制并粘貼到網(wǎng)站中也是加載站點(diǎn)減慢的另一個(gè)原因。

　　幸運(yùn)的是，這種情況很少發(fā)生，但如果可能的話，最好還是采用一些方法來調(diào)用JS，尤其是在Google Analytics（分析）方面。

　　因此，您可以讓瀏覽器通過頭文件（HTML請(qǐng)求、CSS等）進(jìn)行解析，并顯示標(biāo)記來解決這些問題。

　　另請(qǐng)參閱：

　　全棧WEB前端開發(fā)視頻教程

　　軟件開發(fā)需要掌握的HTML和CSS知識(shí)視頻教程

　　超級(jí)大優(yōu)惠的:p+CSS綜合頁面排版視頻教程

　　3、生產(chǎn)和開發(fā)環(huán)境代碼庫

　　在比較您的開發(fā)和生產(chǎn)級(jí)代碼庫時(shí)，您會(huì)發(fā)現(xiàn)一個(gè)很大的差異。這一步可以減少你所有的文件大小。

　　但是，對(duì)于規(guī)模較小的項(xiàng)目同樣重要。這兩個(gè)環(huán)境之間最大的差異可以通過圖像壓縮和代碼壓縮來觀察。

　　最終，Web開發(fā)人員希望加快生產(chǎn)環(huán)境，而開發(fā)環(huán)境應(yīng)該保持不變，只需減少圖像或代碼壓縮優(yōu)化。

　　借助Photoshop工具，您可以輕松地壓縮圖像。它是一個(gè)非常受歡迎的照片編輯和優(yōu)化軟件，可以快速優(yōu)化您的圖像，沒有任何麻煩。

　　當(dāng)涉及到代碼時(shí)，壓縮的最佳利用率取決于您所使用的語言。您可以通過使用最相關(guān)的工具來壓縮HTML和CSS代碼。你可以使用谷歌的htmlcompressor和CSS YUI壓縮器。

　　4、編寫簡(jiǎn)單的HTML代碼

　　編寫適當(dāng)?shù)腍TML也可以幫助您提高網(wǎng)站的速度。CSS復(fù)位通常定位所有常見組件，并對(duì)其進(jìn)行“重置”樣式。

　　因此，如果您沒有針對(duì)額外的p，它可能會(huì)減慢其填充和邊距重置的速度。

　　一個(gè)額外的p，不會(huì)影響任何東西，但是當(dāng)你開始結(jié)束幾十個(gè)時(shí)，事情會(huì)變得凌亂。與更多的元素HTML5規(guī)范的幫助下,你會(huì)得到更大的靈活性在這個(gè)特定的區(qū)域。

　　5、Google喜歡簡(jiǎn)潔的代碼

　　搜索引擎優(yōu)化是其中一個(gè)最有效的方式促進(jìn)或影響網(wǎng)站的在線業(yè)務(wù)。但是在網(wǎng)絡(luò)上有很多競(jìng)爭(zhēng)，要在搜索引擎平臺(tái)中占據(jù)更高的位置，你需要編寫清晰易讀的代碼。

　　谷歌和其他搜索引擎可以快速讀取并索引具有簡(jiǎn)潔和干凈代碼的站點(diǎn)。這提高了你在搜索引擎平臺(tái)上的排名，并提高了它的性能。

　　結(jié)論：

　　作為一名Web開發(fā)人員，您必須隨時(shí)更新最新的技術(shù)和技術(shù)。在這些技巧的幫助下，你將能夠更有效更有效地優(yōu)化網(wǎng)站的速度。