InstantShift-Web Designer e sviluppatori Risorsa quotidiana.
In un ambiente in continua crescita, è importante che il server svolga il suo ruolo responsabile come richiesto. Tuttavia, ci sono alcuni momenti di picco in cui il server si arrende o si attraversa il limite di larghezza di banda desiderato. Un server potrebbe essere arrestato da dozzine di motivi, con ogni motivo che ha diverse possibilità, con ogni possibilità che ha dozzine di soluzioni che commettono la loro esistenza. Questo potrebbe imporre una quantità enorme di confusione per un piccolo gruppo di sviluppatori.
Una cosa che abbiamo notato durante la gestione di alcuni siti web – in molti casi non sono i siti più veloci sul world-wide-web. Mentre gran parte di questo può essere dovuto alla configurazione del server host, alcuni dei problemi di prestazioni sono causati da cose che è possibile controllare.
In questo articolo, vi presentiamo i migliori consigli per ridurre il carico del server e risparmiare larghezza di banda per i vostri siti web in crescita.
Ci sono molte ragioni per cui è possibile affrontare i tempi di inattività del sito web. Potrebbe essere dovuto alle condizioni del server host (ad esempio, se si tratta di un server condiviso, gli altri siti Web in esecuzione sullo stesso server rallenteranno sicuramente le cose) o alla configurazione del tuo sito Web o forse a causa del tuo codice. È essenziale giocare sul sicuro.
Ci sono poche cose che devi tenere a mente prima di esplorare questi suggerimenti che molte volte è possibile che alcuni dei suggerimenti menzionati non funzionino per il tuo sito Web particolare che non significa che non funzionerà con un altro dei tuoi progetti.
Anche come raccomandazione personale, se stai cercando alcuni suggerimenti mainstream per ridurre il carico del server e risparmiare larghezza di banda, prova a utilizzare queste tecniche poiché siamo anche in grado di ottenere risultati desiderati in passato.
Potresti essere interessato anche ai seguenti articoli correlati.
Sentiti libero di unirti a noi e sei sempre il benvenuto a condividere i tuoi pensieri che i nostri lettori potrebbero trovare utili.
Non dimenticare di iscriverti al nostro feed RSS e seguici su Twitter-per gli aggiornamenti recenti.
11 Suggerimenti per ridurre il carico del server e risparmiare larghezza di banda
01. Usa il testo CSS invece delle immagini
Le immagini rallentano le tue pagine Web e consumano molta larghezza di banda del tuo server. Invece di usare un’immagine di sfondo, usa il codice CSS. Ad esempio, se si desidera utilizzare lo sfondo rosso normale nel proprio sito web, utilizzare il codice CSS background-color:#F00 invece di un red-bg.jpg. Con CSS, è possibile impostare il colore di sfondo o l’immagine di sfondo di qualsiasi elemento CSS.
Questi sono un bel tutorial su CSS-Tricks.com su come saggiamente è possibile utilizzare le immagini di sfondo per ridurre il carico del server.
02. Ottimizzazione delle immagini
Più della metà della larghezza di banda sulla maggior parte dei siti Web viene utilizzata dalle immagini e l’ottimizzazione delle immagini è il modo migliore per migliorare la larghezza di banda utilizzata sul server web. Ottimizza le tue immagini per Internet e riduci anche le loro dimensioni, non usare mai i file bitmap (.bmp) in quanto sono ENORMI (per lo più in MBs). Dovresti usare jpeg (.jpg) o gif (.gif) file per le immagini in quanto questi sono ottimizzati per Internet. Una buona regola empirica è quella di lottare affinché nessuna immagine sia più grande di 10 Kb. Questo è particolarmente difficile con le animazioni, ma se puoi farlo, noterai una notevole differenza nella larghezza di banda utilizzata dal tuo server. Ci sono vari programmi di conversione di immagini / software disponibili in tutto il internet e ci sono vari programmi di ottimizzazione troppo, essere sicuri di ottenere un programma di ottimizzazione che sarà in grado di mantenere la qualità delle immagini riducendo drasticamente le sue dimensioni.
Se stai usando Photoshop, usa può comprimere le tue immagini con l’opzione ‘Salva per il Web & Dispositivi’ (Alt+Maiusc+Ctrl+S) per ottimizzarlo per una larghezza di banda minima. Quando hai un’immagine con molti colori, dovresti scegliere JPEG o PNG. Gioca con la qualità per modificare le dimensioni del file.
Dai un’occhiata al settimo sondaggio WWW Georgia Tech GVU citato in “Quanto è troppo”.
03. Comprimi il tuo CSS per stenografia CSS properties
I file CSS possono essere piuttosto grandi, con molte interruzioni e spazi inutili. Le proprietà della stenografia CSS sono fantastiche! Sono un ottimo modo per ridurre la quantità di codice contenuto in un documento CSS, consentendo tempi di download più rapidi e una modifica più semplice. Per esempio è possibile utilizzare
margin: 2px 1px 3px 4px (in alto, a destra, in basso, a sinistra)
…invece di
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px
C’è un fresco articolo scritto da webcredible.co.uk informazioni sulle proprietà della stenografia CSS.
È inoltre possibile utilizzare il compressore CSS da arantius.com per ridurre le dimensioni del file CSS e interruzioni e spazi non necessari.
04. Rimuovi codice HTML, tag e spazi bianchi non necessari
È possibile comprimere le dimensioni della pagina rimuovendo spazi bianchi non necessari nei file HTML anche rimuovere i commenti (se non assolutamente necessario) perché ogni charecter extra significa dimensioni di pagina extra. Sia che tu usi editor HTML visivi o blocco note, il tuo codice HTML contiene cose inutili: spazi non necessari, ritorni, meta tag, valori predefiniti negli elementi HTML, ecc. Faranno le vostre pagine web più grande, senza servire alcun vero scopo. Le pagine Web più grandi richiedono più tempo per essere caricate, aumentano il traffico dati del server Web e sprecano preziosa larghezza di banda.
Wordoff è uno strumento web semplice e utile che consente di rimuovere tag e stili non necessari dal codice HTML. La maggior parte di noi deve ripulire manualmente il codice HTML nella nostra vita lavorativa. Questo strumento web sicuramente aiutare tutti noi in quella situazione e si trova anche questo vale la pena bookmarking.
05. Utilizzare librerie AJAX e JavaScript
AJAX è una tecnologia per una pagina web per comunicare con un server utilizzando JavaScript senza ricaricare la pagina. In generale, le pagine correlate su un sito Web sono costituite da molti contenuti che sono comuni tra di loro. Usando i metodi tradizionali, quel contenuto dovrebbe essere ricaricato su ogni richiesta. Tuttavia, utilizzando Ajax, un’applicazione web può richiedere solo il contenuto che deve essere aggiornato, riducendo drasticamente l’utilizzo della larghezza di banda e il tempo di caricamento.
Se vuoi saperne di più sulle tecniche che puoi utilizzare per risparmiare larghezza di banda, approfitta dell’API delle librerie AJAX di Google, perishablepress.com pubblicato un articolo su questo argomento.
06. Disable File Hotlinks
Hot Linking termine è il collegamento di immagini o download dal tuo sito web ad altri siti web. Fondamentalmente le immagini sono sul tuo sito web e altri siti web collegano solo i tag immagine al tuo sito web, quindi rubando la larghezza di banda. Se le persone sono ‘hotlinking’ per i file di immagine, stanno usando la larghezza di banda che alla fine si paga per.
Puoi impedire che ciò accada posizionando un ‘.file htaccess ‘ nella cartella in cui sono memorizzate le immagini. Ciò consentirà solo alle richieste provenienti dalle tue pagine di visualizzare le immagini: chiunque si colleghi ad esse dall’esterno del tuo sito web, o da qualsiasi sito Web scelto, avrà la “x rossa” al posto dell’immagine.
RewriteEngine Su
RewriteCond %{HTTP_REFERER} !^RewriteCond %{HTTP_REFERER}! ^ http (s)?://(.*\.)?yourserver.com
RewriteRule \.(jpeg / jpg / gif / png)$ –
altlab.com ha scritto un bel tutorial per evitare hotlinking utilizzando il .file htaccess.
Puoi anche usare .generatore htaccess per disabilitare hotlinking fornito da HTMLBasix.
07. Comprimi il tuo HTML e PHP con GZip
Proprio come il CSS, il tuo HTML può contenere molti spazi bianchi e interruzioni inutili. Se stai usando PHP, puoi usare mod_gzip per Apache per comprimere i tuoi contenuti. Mod_gzip è un modulo per apache (esistente su entrambe le versioni Windows e Unix/Linux di apache) che può ridurre significativamente le dimensioni di una pagina web al volo, quando è richiesto da un browser in grado di comprendere il contenuto compresso (quasi tutti i browser moderni supportano la compressione). Ricorda, la cosa bella è che la compressione sul server viene attivata solo se i browser richiedono contenuti compressi, nel caso in cui il browser non comprenda il contenuto compresso o non lo richieda, il server semplicemente server semplici, contenuti non compressi!
Il modo più semplice è usare un .file htaccess. Consiglierei di usare .metodo htaccess perché è molto semplice da implementare e da .file htaccess è possibile configurare ulteriormente le configurazioni del server. Ora per abilitare la compressione gzip aggiungi la seguente riga al tuo .file htaccess.
php_value output_handler ob_gzhandler
Oppure puoi inserire l’ordine affinché la compressione PHP funzioni, dovresti inserire la seguente riga nell’intestazione delle tue pagine web, nella parte superiore della tua pagina:
< ? ob_start (“ob_gzhandler”);?>
webcodingtech.com ha scritto un tutorial su come abilitare la compressione gzip.
08. Utilizzare immagini gratuite / file webhosting sito web per ospitare i file
Se si desidera condividere (grandi) file e non lasciare che il vostro effetto di larghezza di banda da esso, ospitare il file su immagini gratuite oa pagamento / file hosting siti web come Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com e megaupload.com. Ospita il file e posiziona il link per il download sul tuo blog o sito web. Ciò farà risparmiare una quantità enorme di larghezza di banda sul tuo server. Prima di fare ciò, tuttavia, assicurati di essere autorizzato dal tuo fornitore di servizi a farlo.
09. Evitare gli allegati quando possibile
Se il file che stai per ospitare sul tuo server può essere trovato altrove in rete, forse è meglio usare il link di quella posizione piuttosto che ospitare una copia del file stesso sul tuo server. Senza alcun dubbio ti costerà una larghezza di banda extra ma aumenterà anche il carico del server. Se non altro, questo ti farà risparmiare un po ‘ di tempo perché non è necessario caricare file sul tuo sistema.
10. Sito Web Caching
Il caching è un metodo per recuperare i dati da una cache (ready storage) invece di utilizzare risorse per generarli ogni volta che sono necessarie le stesse informazioni. Abilita il caching sul tuo sito web se non è dinamico, consentirà al computer degli utenti finali di leggere dal tuo server una volta ogni tanto, il resto delle volte leggerà dalle proprie copie di backup fino alla loro scadenza. Un’altra buona idea è quella di memorizzare nella cache il tuo sito Web, ma potresti voler impostare una data di scadenza nelle intestazioni HTTP in modo che le intestazioni scadano dicano al browser per quanto tempo dovrebbe mantenere il contenuto nella cache. La maggior parte delle immagini sul tuo sito non cambia mai ed è buona idea tenerle memorizzate nella cache locale.
Memorizzazione nella cache con mod_headers
# 1 ANNO
<filesmatch”\.(flv / ico / pdf / avi / mov / ppt / doc / mp3 / wmv / wav)$”=””>
Header set Cache-Control “max-age=29030400, public”
< /filesmatch>
# 1 SETTIMANA
< filesmatch”\.(jpg / jpeg / png / gif / swf)$”=””>
Header set Cache-Control “max-age=604800, public”
</filesmatch>
# 3 ORA
< filesmatch”\.(testo / xml / js / css)$”=””>
Header set Cache-Control “max-age=10800”
</corrispondenza file>
# NON MEMORIZZARE MAI NELLA 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 “\.(testo / xml / js / css)$”=””>
ExpiresDefault A10800 ”
< / filesmatch>
11. Cache Feed RSS
RSS o Really Simple Syndication, come è comunemente noto, è una tecnologia che offre ai webmaster la possibilità di distribuire e pubblicare facilmente contenuti sindacati su Internet. Una volta che il feed viene memorizzato nella cache, verrà letto dal disco rigido locale per un periodo di tempo specificato. Dopo che il tempo specificato è scaduto, il feed RSS verrà recuperato di nuovo. Ciò consente al contenuto del feed RSS visualizzato di rimanere aggiornato, accelerando l’intero processo. Cache feed RSS ridurre l’utilizzo della larghezza di banda. La larghezza di banda è ridotta perché il server Web non deve recuperare ripetutamente lo stesso feed RSS dal server.
Conclusione
Se vuoi creare un sito Web, un blog o una galleria di immagini ad alto traffico, non limitarti a inoltrare il tuo webhost ma dedicare un po ‘ più di tempo per ottimizzare il tuo sito Web e il tuo server. Perché se non lo fai allora sarete alla ricerca di un nuovo e più grande webhost per il tuo sito web abbastanza presto. Anche se è sempre consigliabile utilizzare un host buono e veloce, ma l’applicazione di queste tecniche ti farà risparmiare un sacco di carico e larghezza di banda del server in pochissimo tempo.
Ci siamo persi qualcosa?
Hai altre tecniche di risparmio della larghezza di banda che non sono in questa lista? Sentitevi liberi di condividerli con i nostri lettori.