Optimiser la rapidité d'un site

Bonjour tout le monde,
voila depuis quelque temps je trouve que la navigation sur le site que je suis en train de faire et lentteeeeeeee ..
J'essaye pourtant de respecter au maximum les normes css, de limiter les acces au base etc ...

Auriez vous un avis ou des conseils ..
merci d'avance

ps: mon site http://www.obiblio.fr

Salut, a mon avis, ça peut venir de plusieurs choses :

1)PHP mal pensé algorithmiquement parlant.
2)Base mal indexé
3)SQL Mal écrit
4)Serveur pourri et/ou mal configuré


J'ai pas vraiment de conseil à te donner, si ce n'est de reprendre ton code, de supprimer le superflu, et de même pour ta base, tester toutes tes requêtes avec des EXPLAIN ...


A+
Modifié par coccimaster (10 Aug 2006 - 08:43)

Salut

Il faut aussi remarquer que ta page pèse près de 300ko, ce qui est énorme pour un site web ... L'image de ton header pèse à elle-seule 125 ko, ce qui est déjà beaucoup pour une page avec un contenu aussi limité (je veux juste dire que la page n'est pas très longue, pas que ce n'est pas intéressant ). Peut-être vaudrait-il mieux l'enregistrer en JPG qu'en PNG

Il faudrait absolument optimiser la taille de tes images, et tâcher de réemployer plusieurs fois la même si possible ...

ok sopo je vais tenir compte des tes conseils alors .. mais il me semble que je perdais de la qualité ...
mercii
Modifié par kvndevils (10 Aug 2006 - 14:59)

Perdre de la qualité, peut-être, mais il faut savoir faire un compromis ...

Ne pas oublier que ces images sont uniquement destinées à l'affichage sur un écran d'ordinateur, limité à 72dpi.

Et ne pas oublier non plus les pauvres étudiants qui n'ont pas d'accès ADSL qui devraient attendre le chargement de la page 3 minutes avant de commencer à envisager de mettre leurs travaux à disposition sur ton site

Bonjour,

Une remarque rapide sur les images: le header du site n'a rien à faire en .png. Passer en jpg lui fera faire une petite cure d'amaigrissement

(Il n'a rien à faire non plus en image d'arrière-plan CSS, mais là, je sens qu'on parle de plus en plus dans le vide sur ce forum et sur la plupart des sites prétendant parler des standards... )

Laurent Denis a écrit :
(Il n'a rien à faire non plus en image d'arrière-plan CSS, mais là, je sens qu'on parle de plus en plus dans le vide sur ce forum et sur la plupart des sites prétendant parler des standards... )

Bonjour,

Le header ou le logo ?

... parce que si pour le logo je conçois bien, pour le header, çà me paraît moins évident. A priori, çà reste purement de la mise en page donc si je veux faire passer mon site sur différents supports dont mon téléphone par exemple, je ne vais tout de même pas mettre un header de 700px de large ?!

Dans le site en question, cette image:
http://www.obiblio.fr/images/structure/obiblio_03.png

Le texte mis à part, doit on considérer que l'image apporte du contenu (c'est plus de la décoration à mon sens). Si on considére que non, alors est ce que ceci est correct?

<div id="header">Oblivio.fr</div>

#header
{
background-image: ....;
font-size: 0;
}

Comme ça, le texte n'est pas affiché, le contenu est présent malgré tout...
Modifié par coccimaster (10 Aug 2006 - 16:50)

@ Laurent Denis :

oui, j'avais bien vu mais c'est justement parce que je trouve cette image trop grande que je ne l'aurais mise tel quel.

Quand j'ai un cas comme celà, je place l'image en background quitte à superposer mon logo (de plus petite taille) par dessus (voire aussi mon titre en dur). Là, çà ne me semble pas être la meilleure méthode pour l'affichage sur les petits écrans que de l'insérer directement dans le HTML.

Ce n'est pas forcémment si néfaste dès lors qu'on renseigne les attributs width, height et alt de l'image mais quelquepart, c'est un début de dégradation donc si on peut l'éviter...

En fait, si je veux donner une identité au site, je le ferais bien via le logo et non l'image d'entête, c'est son rôle après tout. A défaut de logo, je ne laisse que le texte.

koala64 a écrit :
Quand j'ai un cas comme celà, je place l'image en background quitte à superposer mon logo (de plus petite taille) par dessus

Ah... Bah voilà
C'est en effet une solution tout à fait satisfaisante:
- arrière-plan CSS : élasticité
- zone de logo proprement dite en <img> sur cet arrière-plan : alternative textuelle.

<edit> je n'avais pas lu les 2 messages precedent, en reponse donc a coccimaster </edit>
bonjour,
oui, mais il faut aussi penser a donner au moins une hauteur a "#header" qui peut-etre alors un <h1> au lieu d'un div et penser au repeat par defaut des fonds :

<h1 id="header">Oblivio.fr</h1>

#header
{
background:couleur url(chemin) repeat position ... ;
font-size: 0;
height:hauteur de l'image ; 
}

le texte ne sera pas totalement "invisible" selon les navigateurs , mais surement illisible et a peine perceptible .

++
Modifié par gcyrillus (10 Aug 2006 - 17:13)

Waw vous m'avez perdu la ...
En fait, je suis vraiment debutant en css alors si vous continuez de decortiquer mon site ainsi vous avez pas fini de trouver des "etrangités" ... J'essaye de suivre au max les normes à travers ce que j'apprend sur alsa etc.. mais il me reste encore du chemin alors ...

mais merci pour vos conseils, c'est tres constructif ..

Ce que Laurent veut dire, c'est que l'image contient de l'information : le nom de ton site.

C'est donc une partie du contenu, qui ne devrait pas se retrouver dans la feuille de style, qui ne doit contenir que la forme.

Si un visiteur passe sur ton site avec les CSS désactivées, quelle que soit la raison, il aura perdu une partie de l'info proposée. Pas bien

Il faudrait donc que la partie de l'image qui comprend le nom de ton site se trouve dans le code html, via une balise <img /> qui, contrairement aux images de fond, fournit un contenu alternatif si l'image n'est pas affichée (grâce à l'attribut "alt").