Vähennä sivustosi kaistanleveysvaatimuksia

• Saattaa 21, 2024

Menestys voi tappaa. Se on enimmäismäärä, jonka kaikkien verkkovastaavien tulee pitää mielessä.

Tässä välittömän viestinnän aikakaudella verkkosivusta, joka tulee suosituksi (“muuttuu virukselliseksi” Internet-puheessa), voi löytää itsensä uppoutuneeksi kävijöihin. Useimmille verkkosivustojen omistajille tämä on unelma, kunnes he joutuvat kamppailemaan pitämään palvelimen osumien lumivyvyn alla tai lopulta heittämään rahaa web-hosting-yrityksilleen kiihkeällä tarjouksella lisätä sivuston kaistanleveyttä.

Hieman ennakkosuunnittelu voi viedä pisteen potentiaalisesta äkillisestä suosiostasi ja pitää päivittäiset hosting-kustannuksesi mahdollisimman pieninä.

Ensinnäkin, katso sivustosi kuvia. Tyypillisellä verkkosivustolla kuvatiedostot vastaavat suurimmasta osasta kaistanleveyden kulutusta.

Viimeisin tapa vähentää kuvan kaistanleveyden käyttöä on saada ne kokonaan pois sivustostasi. Tämä ei tarkoita sivustosi muuntamista vain tekstiksi; se tarkoittaa edullisen (toisinaan ilmaiseksi!) kuvien jakamissivuston hyödyntämistä kuvien isännöimiseksi sinulle. Ennen kuin sitoudut palveluun, kokeile sitä pienessä mittakaavassa ja tarkista sitten sivustosi eri paikoista; Jotkut palomuurit estävät automaattisesti kuvat suosituilta jakamissivustoilta, etenkin jos vierailijat risteävät verkkoa toimistotietokoneistaan.

Käytätkö HTML-kuvaa kuvien näyttämiseen pienempiä kuin ne ovat? Tämä on iso kielto web-suunnittelijoille, koska kävijät lataavat koko kuvan (todellisessa koossa) selaimeensa jokaisella vierailulla ja käyttävät paljon enemmän kaistanleveyttä kuin sivu tarvitsee suunnitellulla tavalla. Käytä sen sijaan kuvanmuokkausohjelmaa kuvan rajaamiseen ja kutistamiseen sivun asettelun mukaiseksi.

Voit myös tallentaa kuvia pienemmällä tarkkuudella vaarantamatta niiden ulkonäköä, varsinkin jos ne ovat melko pieniä. Korkeampi resoluutio tarkoittaa sitä, että jokaiseen pikseliin on sekoitettu yksityiskohtaisemmin, ja siten suurempi kaistanleveys käyttää kaiken tiedon lataamista selaimeen.

Toinen tapa estää kuvia hidastamasta kaistanleveyttäsi on siirtämällä ne CSS: n suunnitellun tekstin hyväksi. Tämä tekniikka toimii hyvin painikkeilla ja muilla kuvitteellisilla linkkeillä, koska voit tehdä melko paljon taustaväreillä, reunuksilla ja: lever pseudo-luokalla. Viritä myöhemmin tuleva sarja, jossa kehitetään interaktiivisia valikoita CSS: n ja HTML: n avulla.

Nyt kun olet saanut kuvat neliömäiseksi, on aika tiukentaa tekstiä. Usein voit poistaa ylimääräisen valkoisen tilan HTML-koodistasi. Koodiosien väliset tyhjät rivit voivat parantaa luettavuutta, mutta jos sinulla on kymmenkunta vaunun paluuta kehotunnisteen ja ensimmäisen koodirivin välillä, liioittelet sitä hieman.

Käytä ulkoisia tiedostoja JavaScriptille ja CSS: lle aina kun mahdollista. Kun vierailija on ladannut tiedoston yhdessä ensimmäisen vierailemansa sivun kanssa, se säilyy selaimen välimuistissa tutkiessaan sivustoasi - toisin kuin koodin lataaminen uudelleen jokaiselle sivulle, kuten inline- tai otsikkokoodilla tapahtuu.

Jos ylläpidät omaa sivustoasi, HTTP-pakkaus voi säästää paljon kaistanleveyttä. Se toimii tallentamalla verkkosivustosi pakatun version väliaikaiseen hakemistoon, joka sitten tarjotaan kaikille kävijöille kompressointia tukevalla selaimella. Voit säätää palvelimen asetuksia pakkaamaan staattisia sivuja, sovelluksia tai molempia.

Sivustosi tiukentaminen auttaa suojelemaan sinua kävijöiden hyökkäyksiltä, ​​palvelunestohyökkäyksiltä tai yksinkertaisesti pitämään isännöintikustannuksesi mahdollisimman pieninä. Ja älä unohda, voit rentoutua tietäessäsi, että sivustosi on siististi ja siististi koodattu tuottamaan suurimman määrän sisältöä mahdollisimman nopeasti.

Video-Ohjeita: Самая простая печь для бани 4 на 4 кирпича на три помещения с баком для воды. Часть 3 (Saattaa 2024).