Es necesario poner las propiedades de animación CSS3 sin prefijo

[eduardobrutaldeath]

Iniciado por pzin

La verdad es que nunca he usado esa herramienta de Google, no sabría decirte porque tampoco sé muy bien qué analiza exactamente.

En lo referente a CSS, podrías mejorar algunas cosas. Estos selectores:

Código CSS:

body > section > div:nth-of-type(1) section article > div:nth-of-type(2) {}
 

Se me hacen un tanto exagerados. ¿Tienes algo en contra de usar clases e identificadores?

Hahahaha, es que me gusta que el código de afuera (HTML) esté lo más limpio posible.


Para eso están las clases y los identificadores. Además de que no debe de ser muy cómodo trabajar sin ellos, porque mantener ese código es un dolor de cabeza.

A veces si da dolor de cabeza XD


Y cosas como esta:

Código CSS:

@keyframes noche{
    0%{left: 0%;}
    1%{left: 0%;}
    2%{left: 0%;}
    3%{left: 0%;}
    4%{left: 0%;}
    5%{left: 0%;}
    6%{left: 0%;}
    7%{left: 0%;}
    8%{left: 0%;}
    9%{left: 0%;}
    10%{left: 0%;}
    11%{left: 0%;}
    12%{left: 0%;}
    13%{left: 0%;}
    14%{left: 0%;}
    15%{left: 0%;}
    16%{left: 0%;}
    17%{left: 0%;}
    18%{left: 0%;}
    19%{left: 0%;}
    20%{left: 0%;}
    21%{left: 0%;}
    22%{left: 0%;}
    23%{left: 0%;}
    24%{left: 0%;}
    25%{left: 0%;}
    26%{left: 0%;}
    27%{left: 0%;}
    28%{left: 0%;}
    29%{left: 0%;}
    30%{left: -100%;}
    31%{left: -100%;}
    32%{left: -100%;}
    33%{left: -100%;}
    34%{left: -100%;}
    35%{left: -100%;}
    36%{left: -100%;}
    37%{left: -100%;}
    38%{left: -100%;}
    39%{left: -100%;}
    40%{left: -100%;}
    41%{left: -100%;}
    42%{left: -100%;}
    43%{left: -100%;}
    44%{left: -100%;}
    45%{left: -100%;}
    46%{left: -100%;}
    47%{left: -100%;}
    48%{left: -100%;}
    49%{left: -100%;}
    50%{left: -100%;}
    51%{left: -100%;}
    52%{left: -100%;}
    53%{left: -100%;}
    54%{left: -100%;}
    55%{left: -100%;}
    56%{left: -100%;}
    57%{left: -100%;}
    58%{left: -100%;}
    59%{left: -100%;}
    60%{left: -200%;}
    61%{left: -200%;}
    62%{left: -200%;}
    63%{left: -200%;}
    64%{left: -200%;}
    65%{left: -200%;}
    66%{left: -200%;}
    67%{left: -200%;}
    68%{left: -200%;}
    69%{left: -200%;}
    70%{left: -200%;}
    71%{left: -200%;}
    72%{left: -200%;}
    73%{left: -200%;}
    74%{left: -200%;}
    75%{left: -200%;}
    76%{left: -200%;}
    77%{left: -200%;}
    78%{left: -200%;}
    79%{left: -200%;}
    80%{left: -200%;}
    81%{left: -200%;}
    82%{left: -200%;}
    83%{left: -200%;}
    84%{left: -200%;}
    85%{left: -200%;}
    86%{left: -200%;}
    87%{left: -200%;}
    88%{left: -200%;}
    89%{left: -200%;}
    90%{left: -300%;}
    91%{left: -300%;}
    92%{left: -300%;}
    93%{left: -300%;}
    94%{left: -300%;}
    95%{left: -300%;}
    96%{left: -300%;}
    97%{left: -300%;}
    97.1%{left: -300%;}
    97.2%{left: -300%;}
    97.3%{left: -300%;}
    97.4%{left: -300%;}
    97.5%{left: -300%;}
    97.6%{left: -300%;}
    97.7%{left: -300%;}
    97.8%{left: -300%;}
    97.9%{left: -300%;}
    98%{left: -300%;}
    98.1%{left: -300%;}
    98.2%{left: -300%;}
    98.3%{left: -300%;}
    98.4%{left: -300%;}
    98.5%{left: -300%;}
    98.6%{left: -300%;}
    98.7%{left: -300%;}
    98.8%{left: -300%;}
    98.9%{left: -300%;}
    99%{left: -300%;}
    99.1%{left: -300%;}
    99.2%{left: -300%;}
    99.3%{left: -300%;}
    99.4%{left: -300%;}
    99.5%{left: -300%;}
    99.6%{left: -300%;}
    99.7%{left: -300%;}
    99.8%{left: -300%;}
    99.9%{left: -300%;}
    100%{left: 0%;}
}
 

Puedes reducirlas a:

Código CSS:

@keyframes noche{
  0%{left: 0%;}
  29%{left: 0%;}
  30%{left: -100%;}
  59%{left: -100%;}
  60%{left: -200%;}
  89%{left: -200%;}
  90%{left: -300%;}
  99.9%{left: -300%;}
  100%{left: 0%;}
}
 

Al final hace exactamente lo mismo.

Tienes razón, ayer estuve reduciendo un poco el código.


No creo que ni cambiando todas estas cosas mejore el rendimiento del sitio. Debe de ser otra cosa, sobre todo imágenes y tal vez JavaScript hacen que la página pueda ir lenta. Obviamente también depende del servidor, aunque si es de pago no debe porqué.


Creo que se trataba de un problema de servidor, ayer notifique al provedor y el tío me mando una carta diciendo que 'soporte técnico había tenido problemas y estaban trabajando en ello'. También me sugirió que me cambiara a un servidor privado si quería más velocidad, pero eso no tiene que ver conmigo porque la página no es mía. Hoy entré y está un poco más ligera, mucho mejor que ayer, supongo que tendré que ir a un internet de la calle otra vez porque una cosa es que evalúe el rendimiento y velocidad de la página desde mi laptop y otra que me vaya a una cabina foranea donde el internet va a paso de tortuga.

POSDATA: Gracias por las recomendaciones.