background preloader

Rapidité

Facebook Twitter

Bienvenue sur PHP Débutant. Créer le fichier Ouvrez votre éditeur préféré (voir tutorial "Introduction"), et créez un nouveau fichier PHP.

Bienvenue sur PHP Débutant

Le code PHP est toujours encadré par des balises le signalant. Les balises possibles sont : Les plus couramment utilisés sont <? ? La première chose à savoir c'est qu'une syntaxe se termine TOUJOURS (sauf quelques exceptions que nous verrons bien plus loin) par un point-virgule (voir ci-dessous), si vous l'oubliez vous verrez apparaître une PARSE ERROR (voir tutorial "Ca marche pas ? ") C'est la construction echo que nous utiliserons pour afficher du texte à l'écran. Voilà nous avons ajouté la balise font en HTML pour formater le texte. Affichons maintenant une image en plus du texte. On utilise simplement une balise image (<img ... >) du html. Différences entre les navigateurs Il est important de ne pas oublier que Internet Explorer n'est pas le seul navigateur, il existe aussi notamment Mozilla, Opera, Netscape, Galeon, Phoenix, etc... Différentes fonctions Chaîne de caractères.

CSS3 Flexbox Layout module. Vous connaissez certainement le modèle de boîte classique en CSS et ses dispositions de type “block” ou “inline”, sachez que Flexbox CSS3 a été conçu pour étendre ce périmètre en introduisant un nouveau modèle de boîte distinct, que l’on appellera “le Modèle de boîte flexible”.

CSS3 Flexbox Layout module

En février 2016 est sorti mon livre entièrement dédié à Flexbox. Il se nomme "CSS3 Flexbox : plongez dans les CSS modernes" et je vous recommande bien évidemment sa lecture afin de comprendre tous les rouages de ce positionnement révolutionnaire, et d'en maîtriser tous les aspects. Au sein de ce schéma, on ne raisonne plus en “block” ou “inline”, ni même en float ou autres types de boîtes “classiques” CSS, mais en “Modèle de boîte flexible”, dont les quatre possibilités principales sont : Note : ce tutoriel a été initialement rédigé en octobre 2010.

Il a subi une refonte intégrale en décembre 2014 pour se mettre à jour. Optimiser les pages web. Pourquoi ?

Optimiser les pages web

Avoir des pages qui s'affichent rapidement n'a que des avantages. Si une page met trop longtemps à s'afficher, elle peut vous faire perdre des visiteurs. Et, une page plus rapide, c'est de la bande passante d'économisée, c'est toujours bon. Vous verrez qu'il ne suffit que de quelques manips pour rendre le chargement de vos pages plus rapides. The Web should be fast * - Google * Le Web devrait être rapide Cette citation de Google intervient au moment où ils annoncent que la vitesse des pages sera prise en compte dans les résultats des recherches : si vos pages sont trop lourdes, alors elles descendront dans le classement.

Pour info, le poids moyen d’une page Web aujourd’hui est de un mégaoctet. Avant de commencer… Avant de commencer, sachez qu'il faut avoir un code HTML valide, sans erreurs. Si il y'a des erreurs dans le code source, c'est le navigateur qui va tenter de les réparer, avec les effets secondaires que ça engendre, comme des déformations de page. Sommaire. Les inclusions de fichiers : fonctions include et require. Noter ce cours : Pour pouvoir noter les articles de VIC et bénéficier de tous les avantages des membres, inscrivez-vous, c'est gratuit et rapide !

Les inclusions de fichiers : fonctions include et require

Liens sponsorisés : Présentation. Optimiser les pages web. Can I use... Support tables for HTML5, CSS3, etc. About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Can I use... Support tables for HTML5, CSS3, etc

The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as of 2014 was largely created by Lennart Schoors. May I use your data in my presentation/article/site, etc? Yes, the support data on this site is free to use under the CC BY 4.0 license. Is there a way to see the support data in colors other than red/green? Yes, you can enable accessible colors from this link or from the option under Settings. Do you have the data available in a raw format? Yes, the raw support data is available on GitHub and is updated regularly.

Could you add feature X to the site? Adding features takes quite some time and there are many requests for additions. If you've done the research yourself already, you can also submit a feature on GitHub. Which features do you choose to add to this list? Grosses images et petits débits. Je suis issu d'une époque pré-ADSL où le top de la vitesse était le modem 56K.

Grosses images et petits débits

Soit environ 5 kilo-octets par seconde. Forcément, ça laisse des traces, comme cette obsession maladive d'optimiser les images. Je ne parlerai pas ici d'optimisation de la taille de vos fichiers JPEG (que ce soit en diminuant la résolution ou en jouant avec le pourcentage de qualité JPEG ; Il y a des outils pour ça). Je vais parler ici d'astuces pour donner l'impression que la page se charge plus vite. L'astuce du pauvre A l'époque des modems RTC, il était courant pour les pages web d'ajouter un attribut "lowsrc" aux balises images. ⋖img lowsrc="chaton-low.jpg" src="chaton.jpg" width="1024" height="768"> Le navigateur ayant chargé rapidement la petite image spécifiée dans lowsrc, il affichait immédiatement la page, même si les images pleine résolution n'avaient même pas commencé à se charger (Bien sûr, n'oubliez jamais d'indiquer en complément width et height, hein ?).

PHP - Page 1. Optimiser les pages web.