Foro diseño/web/editorial

» Diseo Web

selector de tag y class path

(7 mensajes)

Etiquetas:

  1. telurico
    Miembro

    Muy buenas!!

    Tengo que hacer una web para un cliente y me ha mandado unas especificaciones concretas, entre ellas hay dos que no entiendo.

    Primero:
    Me dicen que utilice un critical path, y me lo explican asi:

    Cita:
    El
    critical path es un css que contiene solo la parte basica para pintar
    el primer pantallazo. El segundo css, cargara el resto. (el critical
    path seria incluido por los programadores en el <head> del
    cdigo, en linea y el segundo se cargara asincronamente).
    He buscado informacin pero no encontr gran cosa la verdad...

    Segundo:
    Me dicen no usar ID's para dar estilo, que en su lugar use clases y
    tags. Las clases ya se como van, pero los tags... ni se a que se
    refieren.

    Ni idea de estos dos detalles, alguien que sepa de que van estas dos cosas?

    Publicado hace 4 años #
  2. ceslava
    admin

    Hola Telurico,


    El critical path es el CSS que se aconseja meter en el head en vez de en CSS externo, lo explica perfectamente tu post.

    Lo segundo es algo bsico en CSS, las clases son reusables, los IDs no.


    Saludos

    Publicado hace 4 años #
  3. telurico
    Miembro

    Si, pero claro, cual es el css que se aconseja meter en el head? es algo que se hace automatico de alguna forma como puede ser minificar (que hay cientos de herramientas para ello) o hay que hacerlo a mano?

    Publicado hace 4 años #
  4. ceslava
    admin

    Hay diversas herramientas que te ayudan a detectarlo pero lo mejor es que organices tu propio CSS y sepas de antemano aquello que es necesario para renderizar la parte superior (above the fold) de tu web. Si utilizas algn preprocesador te ser mucho ms fcil hacer esta divisin. Y no slo el CSS tambin deberas hacerlo con el JS, en el caso de que se utilice.


    Es un tema complejo Telurico, no es CSS bsico, de hecho hay quienes estn en contra de hacerlo porque supone mezclar CSS (diseo) con HTML (contenido) pero va a ayudar a mejorar la velocidad de carga y por tanto la puntuacin en Google Pagespeed.

    Saludos

    Publicado hace 4 años #
  5. telurico
    Miembro

    Y sabes si tiene algn nombre especifico con el cual hacer alguna busqueda por google o youtube? esque buscando por "css path critical" o "css critico" casi todo te lleva a pginas en ingls, y mi ingls casi es de parvulitos xD

    Publicado hace 4 años #
  6. ceslava
    admin

    Simplemente he puesto la bsqueda en espaol, aqu tienes uno http://www.wextensible.com/como-se-hace/desbloquear-css/css-fold.html



    Publicado hace 4 años #
  7. telurico
    Miembro

    Vale, yo buscaba por css critico y poca cosa encontraba, pero con lo que me dices ya encuentro bastantes mas cosas :)


    Eso si, este tema tiene tela por lo que veo!! asique a chaparlo!!

    Muuchas gracias!

    Publicado hace 4 años #

RSS feed para este Tema

Responder

Debes Identificarte para publicar.