Aller au contenu | Aller au menu | Aller à la recherche


Webmaster

Par PlaceOweb le dimanche, novembre 22 2009, 14:18 - Outils Internet - Lien permanent

Quelques liens, services et outils pratiques pour le quotidien d'un webmaster

Le web

W3C

  • Défini par Wikipédia : Le W3C est chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP.

Optimiser la vitesse de son site

Pour améliorer la vitesse de réponse de vos pages web, il vous faudra activer la compression GZIP sur votre serveur http. Bien que plus gourmand en ressource CPU sur le serveur, cela à l'avantage de compresser le contenu de la page et d'en accélérer son téléchargement. Ainsi l'internaute, même pourvu d'une petite ligne internet, téléchargera plus rapidement les pages de votre site, tout comme Google, qui vous reclassera selon votre vitesse. Votre positionnement dans le référencement devrait être améliorée sur le moteur de recherche Google.

Afin de palier à ce problème de non compression zip des fichiers du serveur web, de nombreux site expliques comment compresser vos pages web avec zip (préconisé par le dernier outil google : Autoriser la compression à l'aide de gzip. En compressant les ressources suivantes à l'aide de gzip, vous pouvez réduire la taille du transfert de x Ko) :

Voyez aussi : Best Practices for Speeding Up Your Web Site

  • Minimize HTTP Requests
  • Use a Content Delivery Network
  • Add an Expires or a Cache-Control Header
  • Gzip Components
  • Put Stylesheets at the Top
  • Put Scripts at the Bottom
  • Avoid CSS Expressions
  • Make JavaScript and CSS External
  • Reduce DNS Lookups
  • Minify JavaScript and CSS
  • Avoid Redirects
  • Remove Duplicate Scripts
  • Configure ETags
  • Make Ajax Cacheable
  • Flush the Buffer Early (...</head> <?php flush(); ?> <body>...)
  • Use GET for AJAX Requests
  • Post-load Components
  • Preload Components
  • Reduce the Number of DOM Elements (Le nombre d'éléments DOM est facile à tester, tapez juste dans la console Firebug's : document.getElementsByTagName('*').length)
  • Split Components Across Domains
  • Minimize the Number of iframes
  • No 404s
  • Reduce Cookie Size
  • Use Cookie-free Domains for Components
  • Minimize DOM Access
  • Develop Smart Event Handlers
  • Choose <link> over @import
  • Avoid Filters
  • Optimize Images
  • Optimize CSS Sprites
  • Don't Scale Images in HTML
  • Make favicon.ico Small and Cacheable
  • Keep Components under 25K
  • Pack Components into a Multipart Document
  • Avoid Empty Image src

Et pour mesurer la vitesse de vos pages:

  • Web Page Analyzer
  • Le plugin Firefox Page Speed afin d'évaluer les performances de vos pages et d'obtenir des suggestions d'amélioration.

CSS

Les couleurs

Les langages de programmation du web

Côté client

  • Html
  • Xml
  • Css
  • Javascript

Côté serveur

  • Php
  • Java
  • Et de nombreux autres, tels que Asp .NET, Python, Perl, etc...

Autres outils et services

Soumettre l'URL de son site sur les robots de moteur de recherche

Les objets fréquemment utiles

L'éditeur de texte HTML (Rich Text Editor) HTML Editor

Améliorer vos zone de texte (textarea) pour permettre la saisie au format HTML incluant le style, la coloration, les tableaux, les images....

  • Wikipedia : Online rich-text editor
    • CKEditor — open source XHTML editor.
      • démo (Pour les pauvres francophones que nous sommes, c'est le seul qui dans sa démo à son texte en français)
    • TinyMCE — web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
    • WYMeditor — Open Source XHTML editor focusing on semantic markup
    • Aloha Editor — Open Source browser based html5 enabled rich text editor.
    • jQRTE - Open Source jQuery WYSIWYG Rich Text Editor
      • démo vilain et pas évolué depuis 2009
  • JCE Editeur pour Joomla! est construit sur l'architecture de TinyMCE.

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.

Fil des commentaires de ce billet