5 Conseils pour html créer un site gratuit chargement rapide

ma H

yperTposte Markup Lcompétences anguage (HTML) sont rouillés pour certains, mais peut-être qui me qualifie pour cet article. Retour au jour copains était encore à la télévision et AOL envoyais sous-verres gratuits et mini-frisbees tous les jours, je créais des sites Web pour charger sur les modems d`accès à distance. Au fil du temps, j`ai eu le culot de penser qu`il ya beaucoup de gens encore là-bas avec des connexions à large bande (non dial-up) et a continué à concevoir des sites web sur cette base.

Enfin, je renonçai création de sites web et le développement lorsque la qualité du contenu a commencé à se pousser sur le côté par la quantité de contenu. sites Flash, beaucoup d`images, pop-up, pop-under, curseurs, etc. Faites confiance à votre contenu de qualité et vous n`avez pas besoin de ce duvet. Faites confiance à votre contenu et vous pouvez rendre votre site extrêmement rapide.

Avec un site Web qui est hébergé sur un service gratuit, plus rapide est absolument meilleur. Pourquoi? Parce que « libre » tend à attirer un grand nombre de personnes et le serveur a à plat sur votre page ainsi que des milliers d`autres pages peuples qui ne sont pas optimisés. Il est comme essayer de passer un convoi de Kenworth Pullin journaux avec votre Jimmy Haulin` porcs. Mais si vous avez une petite Porsche, qui reçoit beaucoup plus facile à faire.

Voici quelques conseils pour rogner la graisse, sans ordre particulier.

1. Utiliser des tableaux Difficilement

Les tables sont un fourre-22. Au début, ils ont été utilisés pour exposer la conception ainsi que le contenu de mettre en forme de tableau. Comme les plans de conception ont plus complexes, les tables sont devenus plus grands et plus profondes imbriquées, et cela signifie toujours un ralentissement du temps de charge.

Cascading Style Seuilles (CSS) sont arrivés et nous ont vraiment aidé le problème de l`utilisation des tables pour la mise en page. Malheureusement, les fabricants de navigateurs pourraient sembler ne pas envelopper la tête autour de l`idée de normes - et ne peuvent toujours pas. Ce qui avait l`air super en CSS dans Firefox ressemblait petit-déjeuner d`un chien dans IE et peut-être n`a même pas rendu dans Safari. Ne me lancez pas sur IE5 sur un Mac. Je suis toujours en thérapie sur cela.

S`il vous plaît utilisez uniquement des tables pour la mise en page du contenu qui doit être dans un sous forme de tableau - comme une liste de prix ou les statistiques de hockey. Cela réduit le nombre de tables, et la profondeur de nidification, ce qui signifie des temps de chargement plus rapides. CSS apprentissage fera une grande différence, si vous devez avoir une mise en page de fantaisie.Les 5 meilleurs sites pour en savoir CSS en ligneLes 5 meilleurs sites pour en savoir CSS en ligneLire la suite

2. Utilisez HTML pour créer une couleur

Oui, je suis au Canada, il est donc la couleur avec un « u » pour moi. Je sais que HTML est centrée sur l`Amérique si l`attribut est « couleur ». Apprenez vos codes de couleur hexadécimaux et les utiliser pour agrémenter le contenu plutôt que des images.

Essayez d`ajouter l`attribut de la couleur à vos éléments HTML pour pimenter. Cela fonctionne particulièrement bien dans les tableaux, ou l`étiquette de corps, comme par exemple:

Si vous étiez un navigateur, seriez-vous plus rapide à charger un simple 7 caractères #FF00FF ou 10 × 10 pixels image de la couleur fuschia quelques milliers de fois? C`est une question rhétorique, vous dans la rangée arrière. Mettez votre main.

3. Lien vers Scripts / feuilles de style

Si vous utilisez un certain JavaScript (JS) ou CSS à plusieurs reprises tout au long de votre site Web, pensez à créer leur propre fichier et de l`appeler, au lieu de le mettre sur chaque page. Depuis un navigateur tend à mettre en cache un fichier et appeler ce fichier avant de vérifier avec le serveur, votre navigateur aura déjà ce script ou CSS prêt à l`emploi. Cela signifie moins HyperTposte TRANSFERT PROTOCOLE (HTTP) appelle ce qui signifie une page de chargement plus rapide.

Comment appeler un javascript externe:

-gt;

Pourquoi ai-je mis les balises de commentaire autour de l`appel pour le javascript? Parce que pas tous les navigateur est configuré pour lire des scripts. Ajout des balises de commentaires rend les navigateurs avec scripts sont désactivés simplement sauter dessus, au lieu de donner des messages d`erreur ennuyeux.

Comment appeler une feuille Cascading style externe:

C`est si simple. L`attribut href est l`endroit où vous définissez l`emplacement de votre feuille de style. Le reste des attributs indique au navigateur que le fichier est, il sait quoi faire avec elle.

Certains développeurs peuvent utiliser la @importer Procédé pour appeler une feuille de style. c`est dans Internet Explorer, comme avoir tag en bas de votre fichier, l`amenant à charger la page entière et rendre ensuite les styles là-dessus. Pas bon.

4. Combiner vos scripts couramment utilisés dans un fichier

De nombreux développeurs web utilisent les mêmes scripts encore et encore. Peut-être il y a un script d`horloge et un script de calendrier et peut-être une sorte de script effet spécial qu`ils vont utiliser sur chaque page. Au lieu d`avoir 3 fichiers séparés, avec 3 appels HTTP séparés, mettre les scripts dans un fichier et l`appeler une fois. Cela permet de réduire vos appels HTTP de 66% et obtient ainsi mises en cache. Vous démon de la vitesse, vous! Avant de lever la main encore une fois, oui, vous pouvez faire la même chose avec les fichiers CSS.

5. Ne pas utiliser HTML pour modifier la taille de vos images

Si vous souhaitez utiliser une image qui est de 1000 × 1000 pixels sur votre page Web, mais vous voulez qu`il soit seulement 250 × 250 pixels, changer dans un éditeur d`image. Certaines personnes vont « réduire » l`image en utilisant HTML comme par exemple:

Si ce 1000 × 1000 pixels de l`image est de 2 Mo dans la taille du fichier, le redimensionner avec HTML ne fait pas la taille du fichier tout petit! En fait, il peut prendre plus de temps à charger, parce que maintenant le navigateur doit mettre 10 livres de merde dans un sac de 2 livres, pour ainsi dire. Pas une tâche facile.

Espérons que ces conseils vous aideront. Donnez-moi un shoutback dans les commentaires si vous les utiliser ou avoir d`autres idées optimiser HTML à partager.