Molte aziende, sia grandi che piccole, si rivolgono ai nostri web designer di Leeds per progettare e sviluppare il loro nuovo sito web aziendale. Tuttavia è chiaro fin dall';inizio, dopo aver parlato di troppe compagnie, che è stata intrapresa una preparazione minima o nulla prima di aver contattato il telefono con un';agenzia come noi.
Questo è un vero peccato per tutti gli interessati, lasciami spiegare perché.
Lo sviluppo del sito Web per qualsiasi organizzazione è generalmente un investimento significativo di tempo e denaro per loro. A seconda degli obiettivi del sito Web richiesto, le sue prestazioni possono influenzare in modo significativo le prestazioni finanziarie di un';impresa o per lo meno possono influenzare la percezione? di un business ai suoi clienti e prospect online.
Come ottenere più traffico sul tuo sito web - Come promuovere il tuo sito web e aumentare il traffico!
Quindi, rendendosi conto di quanto un sito web possa essere importante per un';azienda, è sorprendente quanto poco tempo e sforzi abbiano messo alcune aziende nella pianificazione del loro sito web prima che si rivolgano a un';agenzia per svilupparlo per loro. Dopotutto, non spendere una grande quantità di denaro nell';acquisto di nuovi macchinari / veicoli / apparecchiature informatiche di produzione ecc. Senza prima sedersi e pianificare cosa e perché lo si desidera e quanto denaro si può destinare a ? (Speriamo che non lo faresti comunque).
Fare diversamente potrebbe comportare sprechi di denaro e tempo per la tua organizzazione.
È lo stesso per un sito Web e può essere riassunto nel motto? Non riesci a preparare, preparati a fallire? che ha dimostrato di suonare vero molte volte in cui poca preparazione è stata trasformata in un progetto importante e complesso.
In definitiva, la mancanza di risultati di pianificazione in un progetto richiede più tempo del previsto e costa più di quanto inizialmente previsto.
Scrivi un brief per il tuo progetto di sito web
Quindi, prima che qualsiasi azienda raccolga il telefono in un';agenzia per discutere lo sviluppo del suo nuovo sito web, ha senso fare prima i compiti e preparare un documento di sviluppo del sito Web che contenga i loro pensieri e requisiti per il loro nuovo sito web.
L';articolo pubblicato su questo sito Web offre alcune indicazioni utili.
Inoltre, la stesura di un documento informativo completo per lo sviluppo del sito Web consentirà alle agenzie che vengono contattate a fini di determinazione dei costi; lavorare su un campo di gioco? e in effetti, offrire una citazione che può essere accuratamente confrontata con quella di un';altra agenzia da parte del cliente su un :come per:? base (un sacco di parole d';ordine in quella frase eh?).
Diverse agenzie possono avvicinarsi allo stesso progetto in modi diversi, ma almeno un documento informativo offre a tutte le agenzie le stesse informazioni che a loro volta consentono di fare una scelta più consapevole su quale agenzia scegliere per lo sviluppo del tuo nuovo sito.
Puoi scaricare un esempio di Website Design Leeds e Development Brief (formato PD F) che potresti trovare utile quando scrivi il documento di briefing per lo sviluppo del sito web della tua azienda, seguendo questo link. (Si apre in una nuova finestra del browser).
L';azienda è fittizia, ma si basa su un vero esempio di progetto per un';azienda reale. Come gestire il traffico sul tuo sito web È importante spremere le prestazioni più efficienti dalle tue pagine web. I vantaggi sono universali, indipendentemente dal fatto che il sito sia personale o grande e professionale. La riduzione del peso della pagina può accelerare l';esperienza di navigazione, soprattutto se i visitatori utilizzano l';accesso remoto a Internet. Sebbene l';accesso alla banda larga sia il futuro, il presente contiene ancora una grande quantità di utenti dial-up. Molti siti, in particolare i siti di e-commerce, non possono permettersi di ignorare questa ampia sezione del mercato. I siti con una grande quantità di traffico unico possono anche risparmiare sul loro traffico mensile totale riducendo le loro pagine web. Questo articolo tratterà le basi dell';ottimizzazione on-page in testo / codice e grafica.
Grafica
La grafica è il solito sospetto su pagine pesanti. O come risultato di un disegno altamente grafico o di poche immagini scarsamente ottimizzate, la grafica può estendere in modo significativo il tempo di caricamento di una pagina web. Il primo passo nell';ottimizzazione della grafica è molto semplice. Decidi se la grafica è assolutamente necessaria e semplicemente elimina o sposta quelli che non lo sono. La rimozione di elementi grafici di grandi dimensioni dalla home page in una galleria separata probabilmente aumenterà il numero di visitatori che :si bloccano: per consentire il caricamento della home page. La separazione di foto o opere d';arte di grandi dimensioni in una galleria offre anche l';opportunità di fornire agli utenti un avviso corretto facendo clic sulla galleria per caricare più a lungo. Nel caso di pulsanti grafici, prendere in considerazione l';uso di pulsanti in stile CSS basati su testo. I siti che utilizzano un design altamente grafico, un tema comune nei :template: del sito web, devono ottimizzare la propria grafica nel miglior modo possibile.
L';ottimizzazione della grafica implica innanzitutto la selezione del tipo di file appropriato per la tua immagine. Anche se questo argomento da solo è foraggio per analisi molto più approfondite, ne parlerò brevemente. Le immagini sono disponibili in 2 varietà di base, quelle di natura fotografica e quelle di natura grafica. Le fotografie hanno una vasta gamma di colori tutti mescolati insieme in quello che viene definito come tono continuo. La grafica, come i loghi aziendali, è generalmente liscia, nitida e presenta ampie aree dello stesso colore. Le fotografie sono meglio compresse in :JPEG:. Il formato :Joint Photographic Expert Group: può comprimere con successo foto di grandi dimensioni fino a dimensioni molto gestibili. Di solito è applicato su una scala di :qualità: scorrevole tra 1-100, 1 è la qualità più compressa e più bassa, 100 la qualità minima e più alta. JPEG è un algoritmo di compressione :lossy:, il che significa che :distrugge: le informazioni sull';immagine quando applicate, quindi conserva sempre una copia del file originale. Grafica e loghi generalmente funzionano meglio in :GIF: o, più recentemente, nel formato :PNG:. Questi formati sono più efficienti dei file JPEG per ridurre le dimensioni delle immagini con aree di grandi dimensioni di colore simile, come logo o testo grafico.
Alcune note generali su altri media sono appropriate. Anche altri tipi di media come Flash o file audio rallentano una pagina. La prima regola è sempre la stessa, considerare se sono assolutamente necessari. Se si sceglie di costruire il sito interamente in Flash, assicurarsi che le singole sezioni e gli elementi siano il più compressi possibile. Nel caso della musica, ammetterò di pregiudizi personali qui e parafrasando un vecchio detto brillante, :I siti web dovrebbero essere visti e non ascoltati:. Semplicemente, la musica in sottofondo non :migliora: alcuna esperienza di navigazione.
Testo e codice
Il maggior peso da ritagliare su una pagina deriverà da elementi grafici e multimediali, ma è possibile eliminare alcuni byte aggiuntivi guardando il testo e il codice di una pagina web. In termini di contenuto di testo reale, potrebbe non esserci molto da fare qui. Il contenuto di una pagina è fondamentale non solo per la comprensione dell';utente, ma anche per il posizionamento sui motori di ricerca. La rimozione o la migliore organizzazione dei contenuti è necessaria solo in situazioni estreme, in cui è più importante il peso della pagina. Un esempio potrebbe essere una lunga pagina di testo pesante che richiede un lungo scorrimento verticale per finire. Tale pagina è comune nei siti :infomercial: e viola gli inquilini di progettazione di base oltre a quelli relativi al peso della pagina.
Il codice è una storia diversa. Il codice di un sito web può essere reso più efficiente in una varietà di mode. Innanzitutto, tramite l';uso del CSS, tutti gli elementi di stile di una pagina Web possono ora essere richiamati tramite un file esterno. Questo stesso file può essere richiamato su tutte le pagine di un sito, fornendo un aspetto uniforme. Non solo è più efficiente; è anche la raccomandazione ufficiale del W3C. Lo stesso si può dire di XHTML e dell';abbandono del layout basato su :tabella:. Le tabelle, sebbene efficaci per il layout, producono più codice rispetto ai layout XHTML equivalenti utilizzando i tag :div:. Laddove è richiesto un minimo di 3 tag per creare una :scatola: con contenuto in una tabella, è necessario solo 1 utilizzando le divisioni. L';uso combinato di XHTML e CSS può ridurre significativamente la quantità di codice :a pagina: richiesta da una pagina web. Un trucco finale relativamente insignificante è la rimozione di tutto lo :spazio bianco: dal codice. I browser non lo richiedono; è principalmente così che gli autori possano leggere e interpretare il codice prontamente. I risparmi sono minimi, ma per i siti che ricevono una quantità di traffico estrema, anche alcuni byte salvati si sommano nel tempo.
conclusioni
Prima di tutto cerca immagini e file multimediali quando cerchi di ridurre il peso di una pagina. Sono i componenti più importanti del peso complessivo della pagina e la loro semplice rimozione può ridurre significativamente il peso totale. Le immagini che rimangono dovrebbero essere compresse in modo ottimale in un formato appropriato per il loro tipo, foto o grafica. Evita enormi blocchi di testo che causano uno scorrimento verticale non necessario. Organizza il sito in modo più efficiente per diffondere le informazioni su più pagine. Adottare XHTML e CSS per ridurre le dimensioni del codice on-page e chiamare esternamente il CSS. Questi suggerimenti dovrebbero aiutare a ridurre le dimensioni delle tue pagine e ad accelerare la loro consegna ai tuoi spettatori.