前端設計師如何降低伺服器壓力

2022-09-27 10:18:09 字數 1706 閱讀 4324

當乙個**從小流量短期內做到大流量的時候,我想給技術帶來最大的問題就是伺服器不穩定。同時**幾千ip裡面,伺服器上的cpu就會經帶來100%,從而造成了訪問**速度下降,特別是一些網路比較慢的使用者,此時容易打不開**。在使用者體驗和**本身都是一傷害。作為頁面設計者,如何從頁面結構上,在降低伺服器鏈結數的一些經驗之談,希望對大家有用:

我們撇開程式執行效率的問題,乙個**如果要做的美觀兼實用,肯定少不了一些小圖,背景圖的功能,同時還有表而上看不到的css,js。

一、**優化

我想是每個**必備的,不然審美觀上過不去;小圖示,背景圖,登入框等等。當訪問一張頁面時,每一張都是一樣鏈結數,如果你的首頁有20張的小圖,那就是乙個使用者訪問時,要占有用20個連線數,2千人同時**時,恐怖啊。

解決問題就是把所有的小圖整合到乙個大圖裡面,如下圖:

這樣就把可以20變為1乙個連線數,除了降低連線數,可以加快網頁的載入,這兒我建議您儲存為png-8格式化,因為它同比gif,jpg,png-32要更小,更小就意味著你載入頁面的速度快,使用者可以更快的看到你**的內容,一石兩鳥。

學一下如何呼叫這些:

比如要呼叫會員登入這個圖示

頁面上:

會員登入

css上:

.login

這樣就完成了對圖示的呼叫,是不是很簡單啊,趕快學一下吧。

二、**的css優化

在css優化了,除了降低css大小,像marin,padding,font等一些常用的縮寫外面程式設計客棧。像上面所有說的backgroud這個也是可以簡寫的。如下;

頁面上:

會員登入 會員註冊 我要賣車 我要買車

css上:

.login

.reg

.sell

.buy

程式設計客棧

改進後

.login,.reg,.sell,.buy<1

.login

.reg

.sell

.buy

這是css的簡寫上,可以減少css檔案大小。

為了降低css連線數,會把css**直接寫在首頁的《style》***《/style》,這種情況適合像百度,163,**這種重量級的。

常用的寫法是

程式設計客棧; rel="stylesheet" type="text/css"/>

我們可以把共用的頭部樣式寫到乙個common.css裡面,然後在首頁裡的index.css裡面

@import url("common.css");

注意:不要在@import url("common.css");又匯入@import url("common1.css");這樣在效果上適得其反。

因為在載入首頁就會把common.css儲存下,當第二次使用者訪問就直接呼叫本地的快取,從而加快速度。

三、**的js優化

為了便於管理,很多人在寫js時,只要是廣告就會用js來代替,**如下;

文字連線的js呼叫:

鏈結的文字呼叫:

因為js會把本來1行的**變成了三,四行,增加了一些不必要的**,還增加了**請求。

總結:這是針對短期內來的高流量,等高流量穩定長漲後,收入增加了,可以買台伺服器把css,js,這些大量檔案放到新的伺服器。這是種方法能起到治本的效果。

以上只是我一些經驗,希望能為廣大站長提供幫助,寫的並不好,希望大家理解。

本文標題: 前端設計師如何降低伺服器壓力

本文位址: /news/seo/69522.html

如何降低伺服器採購成本 原理分析

而it建設過程中的伺服器採購自然也成為了眾多中小企業削減成本的重點之一。如何增強免疫力,提高生存能力,使使用者真正通過it系統來幫助其實現業務的增長,才是經濟危機下更需要理性思考的問題。在以往企業資訊化建設過程當中,認為it裝置只是業務的輔助性設施。近些年來,企業已經逐步走出了這種錯誤的思維模式,對...

伺服器程式中如何設計backup task功能

retry 集群中有client server1,server2三颱機器,client需要向server請求資料,如果server1響應超時,則請求server2。server1 server2互為備份,包含同樣的資料。client cpp view plain copy for id 0 id 2...

如何降低資料中心運維和伺服器成本投資?

為了降低運營資料中心的費用和伺服器成本,企業經常會花錢進行節能減支。企業有一些節約成本的想法,例如不需要通過花錢就能降低成本。但是通過 分析,獲得更有效的裝置或簡化管理,這些都需要進行前期的投資,而這些投資可以帶來長期降低成本的回效。網路 儲存和伺服器的成本 效率永遠是節省成本的重要一環。提高效率的...