InstantShift-web Designers and Developers Daily Resource.
jatkuvassa kasvuympäristössä on tärkeää, että palvelin toimii vastuullisesti tarpeen mukaan. On kuitenkin joitakin ruuhka-aikoja, jolloin palvelin luovuttaa tai ylität haluamasi kaistanleveyden raja. Palvelin voi kaatua kymmeniä syitä, jokaisen syyn ottaa useita mahdollisuuksia, jokaisen mahdollisuuden ottaa kymmeniä ratkaisuja sitouttaa olemassaolonsa. Tämä voi aiheuttaa valtavasti sekaannusta pienelle ryhmälle kehittäjiä.
yksi asia olemme huomanneet hallinnoidessamme muutamia verkkosivustoja-monissa tapauksissa ne eivät ole nopeimpia sivustoja world-wide-Webissä. Vaikka suuri osa tästä voi johtua isäntäpalvelimen kokoonpanosta, jotkut suorituskykyyn liittyvät ongelmat johtuvat asioista, joita voit hallita.
tässä artikkelissa esittelemme parhaat vinkit, joilla voit vähentää Palvelinkuormaa ja säästää kaistanleveyttä kasvaville verkkosivustoillesi.
on monia syitä, joilla voit kohdata sivuston käyttökatkoksia. Saattaa johtua isäntäpalvelimen tilasta (esimerkiksi, jos se on jaettu palvelin, muut samalla palvelimella toimivat verkkosivustot varmasti hidastavat asioita) tai verkkosivustosi kokoonpanosta tai ehkä koodistasi. On tärkeää pelata varman päälle.
on olemassa muutamia asioita, jotka sinun täytyy pitää mielessä ennen kuin tutkit näitä vinkkejä, että monta kertaa on mahdollista, että muutama mainituista vinkeistä ei toimi yhdelle tietylle verkkosivustollesi, mikä ei tarkoita, ettei se toimisi minkään muun projektisi kanssa.
myös henkilökohtaisena suosituksena, jos etsit joitakin valtavirran vinkkejä Palvelinkuorman vähentämiseksi ja kaistanleveyden säästämiseksi, yritä käyttää näitä tekniikoita, koska onnistuimme myös saamaan toivottuja tuloksia aiemmin.
sinua saattavat kiinnostaa myös seuraavat aiheeseen liittyvät artikkelit.
voit vapaasti liittyä seuraamme ja olet aina tervetullut jakamaan ajatuksiasi, joista lukijamme voivat olla avuksi.
älä unohda tilata RSS-syötteitämme ja seuraa meitä Twitterissä-saadaksesi viimeisimmät päivitykset.
11 vinkkejä palvelimen kuormituksen vähentämiseksi ja kaistanleveyden säästämiseksi
01. Käytä CSS-tekstiä kuvien sijaan
kuvat tekevät Verkkosivuistasi hitaampia ja kuluttavat paljon palvelimen kaistanleveyttä. Sen sijaan, että käyttäisit taustakuvaa, käytä CSS-koodia. Esimerkiksi jos haluat käyttää pelkkää punaista taustaa sivustossasi, käytä CSS-koodia tausta-väri:#F00 sijasta punainen-bg.jpg. CSS: llä voit asettaa minkä tahansa CSS-elementin taustavärin tai taustakuvan.
nämä on kiva opetusohjelma CSS-Tricks.com kuinka viisaasti voit käyttää taustakuvia vähentää palvelimen kuormitusta.
02. Kuvien optimointi
yli puolet useimpien verkkosivustojen kaistanleveydestä käytetään kuvien avulla ja kuvien optimointi on paras tapa parantaa www-palvelimella käytettävää kaistanleveyttä. Optimoi kuvat Internetiin ja pienentää niiden kokoa samoin, älä koskaan käytä bittikarttatiedostoja (.bmp), koska ne ovat valtavia (enimmäkseen MBs: ssä). Käytä jpeg (.jpg) tai gif (.gif)kuvatiedostot, koska ne on optimoitu internetiin. Hyvä nyrkkisääntö on pyrkiä siihen, ettei yksikään Kuva ole suurempi kuin 10 Kb. Tämä on erityisen vaikeaa animaatioiden kanssa, mutta jos voit tehdä sen, huomaat huomattavan eron palvelimen kaistanleveydessä. On olemassa erilaisia kuvan muuntaminen ohjelmat / ohjelmistot saatavilla kaikkialla Internetissä ja on olemassa erilaisia optimointiohjelmia liian, muista saada optimointiohjelma, joka pystyy säilyttämään kuvien laatu samalla rajusti vähentää sen kokoa.
jos käytät Photoshopia, voit pakata kuvasi ”Save for Web & Devices” – valinnalla (Alt+Shift+Ctrl+S) optimoidaksesi sen minimikaistanleveydelle. Kun kuvassa on paljon värejä, kannattaa valita JPEG tai PNG. Pelata noin laatu muuttaa tiedoston kokoa.
Tsekkaa seitsemäs Georgia Tech GVU: n WWW-kysely ”How Much is Too Much”.
03. Pakkaa CSS pikakirjoituksella CSS ominaisuudet
CSS-tiedostot voivat olla melko suuria, paljon turhia taukoja ja välilyöntejä. CSS pikakirjoitus ominaisuudet ovat suuria! Ne ovat hyvä tapa vähentää CSS-asiakirjan sisältämän koodin määrää, mikä mahdollistaa nopeamman latausajan ja helpomman muokkauksen. Esimerkiksi voit käyttää
marginaali: 2px 1px 3px 4px (ylhäällä, oikealla, alhaalla, vasemmalla)
…sijaan
marginaali-top: 2px;
marginaali-oikea: 1px;
marginaali-pohja: 3px;
marginaali-vasen: 4px
on webcrediblen kirjoittama siisti juttu.co.uk tietoja CSS pikakirjoituksen ominaisuudet.
voit käyttää myös CSS-kompressoria osoitteesta arantius.com pienentää CSS-tiedoston kokoa ja tarpeettomia taukoja ja välilyöntejä.
04. Poista tarpeeton HTML-koodi, tagit ja valkoiset välilyönnit
voit pakata sivukokosi poistamalla tarpeetonta valkoista tilaa HTML-tiedostoistasi jopa poistaa kommentteja (jos ei ole aivan välttämätöntä), koska jokainen ylimääräinen hiussuoritin tarkoittaa ylimääräistä sivukokoa. Käytitpä sitten visuaalisia HTML-editoreita tai muistilehtiötä, HTML-koodisi sisältää tarpeettomia juttuja: tarpeettomia välilyöntejä, palautuksia, metatunnisteita, HTML-elementtien oletusarvoja jne. Ne tekevät verkkosivuistasi isompia, palvelematta mitään todellista tarkoitusta. Isompi web-sivut kestää kauemmin ladata, lisää dataliikennettä web-palvelimen, ja tuhlaa arvokasta kaistanleveyttä.
Wordoff on yksinkertainen ja hyödyllinen verkkotyökalu, jonka avulla voit poistaa tarpeettomat tunnisteet ja tyylit HTML-koodista. Suurin osa meistä joutuu työelämässä siivoamaan HTML-koodin manuaalisesti. Tämä web-työkalu varmasti auttaa meitä kaikkia tässä tilanteessa ja löydät myös tämän arvoinen bookmarking.
05. Ajax-ja JavaScript-kirjastojen käyttö
AJAX on tekniikka, jolla verkkosivu voi kommunikoida palvelimen kanssa JavaScriptin avulla lataamatta sivua uudelleen. Yleensä, liittyvät sivut verkkosivuilla koostuvat paljon sisältöä, joka on yhteinen niiden välillä. Perinteisin menetelmin kyseinen sisältö täytyisi ladata uudelleen jokaisesta pyynnöstä. Ajaxin avulla verkkosovellus voi kuitenkin pyytää vain päivitettävää sisältöä, mikä vähentää huomattavasti kaistanleveyden käyttöä ja latausaikaa.
jos haluat lukea lisää tekniikoista, joilla voit tallentaa kaistanleveyttäsi hyödyntämällä Googlen AJAX Libraries API: a, perishablepress.com julkaissut artikkelin aiheesta.
06. Poista käytöstä Tiedostojen kuumat linkit
kuuma Linkitystermi on kuvien tai latausten linkittäminen verkkosivustoltasi muille verkkosivustoille. Pohjimmiltaan kuvat ovat sivustossasi ja muut sivustot vain linkkejä kuva tageja sivustoosi, joten varastaa kaistanleveyttä. Jos ihmiset ’hotlinking’ kuvatiedostoja, he käyttävät kaistanleveyttä, joka lopulta maksaa.
tämän voi estää sijoittamalla”.htaccess-tiedosto kansiossa, johon kuvasi tallennetaan. Tämä sallii vain omilta sivuiltasi tulevien pyyntöjen näyttää kuvat – kuka tahansa, joka linkittää niihin sivustosi ulkopuolelta tai minkä tahansa valitsemasi verkkosivuston ulkopuolelta, saa kuvan sijasta punaisen x: n.
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond % {HTTP_REFERER}! ^http(S)?://(.*\.)?yourserver.com
RewriteRule \.(jpeg / jpg / gif / png)$ –
altlab.com kirjoitti mukava opetusohjelma estää hotlinking käyttämällä .htaccess-tiedosto.
Voit myös käyttää .htaccess generaattori poistaa hotlinking tarjoamia HTMLBasix.
07. Pakkaa HTML ja PHP kanssa Gzip
aivan kuten CSS, HTML voi sisältää paljon välilyöntejä ja hyödyttömiä taukoja. Jos käytät PHP sitten voit käyttää mod_gzip for Apache pakata sisältöä. Mod_gzip on moduuli apache (olemassa sekä windows-ja Unix / Linux versiot apache), joka voi merkittävästi pienentää verkkosivun lennossa, kun sitä pyytää selain, joka voi ymmärtää pakattua sisältöä (lähes kaikki nykyaikaiset selaimet eivät tue Pakkaus). Muista, hienoa on, että pakkaus palvelimella aktivoituu vain, jos selaimet pyytää pakattua sisältöä, jos selain ei ymmärrä pakattua sisältöä tai ei pyydä sitä, palvelin yksinkertaisesti palvelimet tavallinen, pakkaamaton sisältö!
helpoin tapa on käyttää a: ta .htaccess-tiedosto. Suosittelen käyttämään .htaccess menetelmä, koska se on hyvin yksinkertainen toteuttaa ja mukaan .htaccess tiedosto voit määrittää palvelimen kokoonpanot. Nyt jotta gzip Pakkaus lisää seuraava rivi omaan .htaccess-tiedosto.
php_value output_handler ob_gzhandler
Or in you can insert order for the PHP compression to work, you should insert the following line on the header of your webpages, on the top that is of your page:
< ? ob_start (”ob_gzhandler”);?>
webcodingtech.com kirjoitti opetusohjelman siitä, miten gzip-pakkaus otetaan käyttöön.
08. Käytä ilmaisia kuvia/file webhosting-verkkosivuja tiedostojen ylläpitoon
jos haluat jakaa (suuria) tiedostoja etkä anna kaistanleveyden vaikuttaa siihen, isännöi tiedostoa ilmaisilla tai maksullisilla kuva – / tiedostohallintasivustoilla, kuten Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com ja megaupload.com. isäntä tiedosto ja aseta latauslinkki omaan blogiisi tai verkkosivuilla. Tämä säästää valtavasti kaistanleveyttä palvelimellasi. Ennen kuin teet tämän, kuitenkin varmista, että sinulla on lupa palveluntarjoajan tehdä niin.
09. Kiinnitysten välttäminen aina kun mahdollista
jos tiedosto, jota olet isännöimässä palvelimellasi, löytyy muualta netistä, on ehkä parempi käyttää kyseisen sijainnin linkkiä sen sijaan, että hostaat kopion itse tiedostosta palvelimellasi. Se epäilemättä maksaa ylimääräistä kaistanleveyttä, mutta myös lisätä palvelimen kuormitus. Jos ei muuta, tämä säästää aikaa, koska sinun ei tarvitse ladata tiedostoa järjestelmään.
10. Verkkosivujen välimuisti
välimuistiin tallentaminen on menetelmä, jossa tiedot haetaan valmiista tallennustilasta (välimuistista) sen sijaan, että niitä tuotettaisiin resurssien avulla aina, kun samaa tietoa tarvitaan. Ota välimuistiin sivustossasi, jos se ei ole dynaaminen, antaa loppukäyttäjien tietokoneen lukea palvelimeltasi silloin tällöin, muulloin se lukee omista varmuuskopioistaan, kunnes ne vanhenevat. Toinen hyvä idea on välimuistin sivustosi, mutta saatat haluta asettaa viimeinen päivä HTTP otsikot niin vanheta otsikot kertoa selaimelle, kuinka kauan sen pitäisi pitää sisältöä välimuistissa. Suurin osa sivustosi kuvista ei koskaan muutu, ja on hyvä idea pitää ne välimuistissa paikallisesti.
välimuistia mod_lukulaitteilla
# 1 vuosi
< filesmatch”\.(flv / ico / pdf / avi / mov|ppt / doc / mp3 / wmv|wav)$”=””>
Header set Cache-Control ”max-age=29030400, public”
< / filesmatch>
# 1 viikko
< filesmatch”\.(jpg / jpeg / png / gif|swf)$”=””>
Header set Cache-Control ”max-age=604800, public”
< / filesmatch>
# 3 HOUR
< filesmatch”\.(txt|xml / JS|css)$”=””>
Header set Cache-Control ”max-age=10800”
</filesmatch>
# NEVER CACHE
<filesmatch”\.(html|htm|php|cgi|pl)$”=””>
Header set Cache-Control ”max-age=0, private, no-store, no-cache, must-revalidate”
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch ”\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”=””>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch ”\.(jpg|jpeg|png|gif|swf)$”=””>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch ”\.(txt|xml / JS|css)$”=””>
ExpiresDefault A10800 ”
< / filesmatch>
11. Cache RSS-syötteet
RSS tai todella yksinkertainen syndikointi, kuten yleisesti tunnetaan, on tekniikka, joka antaa webmastereille mahdollisuuden helposti jakaa ja julkaista syndikoitua sisältöä Internetissä. Kun syöte on välimuistissa, se luetaan paikalliselta kiintolevyltä tietyn ajan. Kun määritetty aika on kulunut, RSS-syöte haetaan uudelleen. Näin näytettävän RSS-syötteen sisältö pysyy nykyisenä ja nopeuttaa koko prosessia. Välimuistin RSS-syötteet vähentävät kaistanleveyden käyttöä. Kaistanleveys pienenee, koska WWW-palvelimen ei tarvitse toistuvasti hakea samaa RSS-syötettä palvelimeltasi.
johtopäätös
jos haluat tehdä vilkkaan verkkosivuston, blogin tai kuvagallerian, älä vain välitä webhostissa, vaan käytä hieman enemmän aikaa verkkosivustosi ja palvelimesi optimointiin. Koska jos et sitten etsit uutta ja suurempaa webhost sivustollesi tarpeeksi pian. Vaikka se on aina suositeltavaa käyttää hyvä ja nopea isäntä, mutta soveltamalla näitä tekniikoita säästää paljon palvelimen kuormitus ja kaistanleveys ei ole aikaa.
Jäikö Meiltä Jotain Huomaamatta?
onko sinulla muita kaistanleveyden säästötekniikoita, jotka eivät ole tällä listalla? Voit vapaasti jakaa ne lukijoillemme.