Selettori CSS e performance

Martedì 13 Maggio 2008 - 09:19

di Cesare Lamanna

CSS

Come spesso accade la parte interessante di un post la trovi nei commenti. Nel caso a cui mi riferisco si parte da una proposta di Shaun Inman: perché non chiediamo tutti al CSS Working Group di introdurre il qualified selector? Sarebbe più o meno il contrario del selettore discendente. Se

a img

applica uno stile a tutte le immagini contenute all’interno di un elemento a

a < img

lo applicherebbe solo agli elementi a che contengono immagini.

Nei commenti Eric Meyer spiega che un tema di discussione aperto da molto tempo su varie mailing list e che il termine tecnico con cui è designato sarebbe parent selector.

Seguono risposte di chi è favorevole, di chi è contrario, di chi è semplicemente perplesso. Fin quando non interviene David Hyatt, il team leader di WebKit, uno che queste cose le guarda con l’ottica di chi fa i browser e non semplicemente di chi vorrebbe semplificare un po’ il proprio lavoro.

Un selettore come questo, afferma, se usato male, ha il potenziale di inchiodare un browser. Seguono dettagli tecnici. Con un’aggiunta interessante:

Infarcire il markup con classi e id e sfruttare questi ultimi come agganci evitando l’uso di selettori discendenti, dell’elemento adiacente o dell’elemento figlio farà spesso sì che le performance di una pagina migliorino decisamente.

Quello ’spesso’ non va tanto riferito a brevi documenti statici, ma ad applicazioni altamente dinamiche. In casi simili, come si ribadisce in un altro commento, meglio sacrificare la leggerezza del markup a favore dell’uso di selettori semplici e diretti.

Tags:

Categoria: CSS | Permalink

Commenti

1

Qualche tempo fa mi chiedevo anche io (qui sui commenti di edit) se sarebbe stato possibile avere un selettore di questo tipo.

Sono convinto che sarebbe utilissimo e vedo che l’autore del post non demorde:

Do descendant selectors really fall in that list? I’m not sure this particular topic gets talked about often enough.

Sono dalla sua parte :)

# - postato da Andrea (Epper) - 13 Maggio 2008 - 10:30

2

Molto interessante

# - postato da Ivo - 13 Maggio 2008 - 13:07

3

Più di una volta ho avuto necessità di un selettore del genere e ho dovuto rimediare con javascript!

# - postato da Sandro Lain - 13 Maggio 2008 - 13:26

4

Io credo che per risparmiare risorse sia davvero utile.
Peraltro, non credo che uno sviluppatore esperto metta online siti mal realizzati o non funzionanti.
Credo anche che questo selettore non verrà certo utilizzato da ciessisti alle prime armi.

Non vedo dove sia il problema…

# - postato da PPM - 14 Maggio 2008 - 19:43

5

una tecnologia poco sicura e con chiare falle al momento della sua implementazione non è buona, per ora uno che fa browser dice che inchioda i browser, chissà quando un pò di smanettoni c’hanno giocato sopra che ti tirano fuori.

# - postato da michelewt - 16 Maggio 2008 - 16:12

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento