EN Change imported file name to *red.class="highlight">css*, *green.class="highlight">css*, *grey.class="highlight">css* or *dark_grey.class="highlight">css*, in line 2
"css class" em inglês pode ser traduzido nas seguintes palavras/frases espanhol:
EN Change imported file name to *red.class="highlight">css*, *green.class="highlight">css*, *grey.class="highlight">css* or *dark_grey.class="highlight">css*, in line 2
ES Para cambiar colores, cambie el nombre del archivo importado en la línea dos para *red.css*, *green.css*, *grey.css* o *dark_grey.css*
inglês | espanhol |
---|---|
imported | importado |
css | css |
or | o |
change | cambiar |
file | archivo |
green | green |
red | red |
grey | colores |
in | en |
line | línea |
name | nombre |
EN Render-blocking JavaScript and class="highlight">CSS prevent sites from showing a page before loading these files. To fix this issue, we recommend minifying class="highlight">CSS. Also, defer non-critical class="highlight">CSS and inline critical class="highlight">CSS.
ES El JavaScript y el CSS que bloquean el renderizado impiden que los sitios muestren una página antes de cargar estos archivos. Para solucionar este problema, recomendamos minificar el CSS. Además, difiere el CSS no crítico y alinee el CSS crítico.
inglês | espanhol |
---|---|
javascript | javascript |
css | css |
prevent | impiden |
loading | cargar |
fix | solucionar |
critical | crítico |
render | renderizado |
showing | muestren |
sites | sitios |
files | archivos |
page | página |
this | este |
a | una |
before | de |
these | estos |
to | además |
EN In the class="highlight">CSS tab, you can enable/disable Minification of class="highlight">CSS files, activate/deactivate class="highlight">CSS combinations to reduce the numbers of requests to the server, and also Preload Combined class="highlight">CSS
ES En la pestaña de CSS puedes activar/desactivar el minimizado de archivos CSS, activar/desactivar el combinado de CSS para reducir la cantidad de peticiones al servidor, y también precargar el CSS combinado
inglês | espanhol |
---|---|
css | css |
requests | peticiones |
combined | combinado |
in | en |
tab | pestaña |
files | archivos |
activate | activar |
disable | desactivar |
reduce | reducir |
server | servidor |
to | a |
also | también |
you can | puedes |
EN Render-blocking JavaScript and class="highlight">CSS prevent sites from showing a page before loading these files. To fix this issue, we recommend minifying class="highlight">CSS. Also, defer non-critical class="highlight">CSS and inline critical class="highlight">CSS.
ES El JavaScript y el CSS que bloquean el renderizado impiden que los sitios muestren una página antes de cargar estos archivos. Para solucionar este problema, recomendamos minificar el CSS. Además, difiere el CSS no crítico y alinee el CSS crítico.
inglês | espanhol |
---|---|
javascript | javascript |
css | css |
prevent | impiden |
loading | cargar |
fix | solucionar |
critical | crítico |
render | renderizado |
showing | muestren |
sites | sitios |
files | archivos |
page | página |
this | este |
a | una |
before | de |
these | estos |
to | además |
EN Bar chart showing the adoption of three class="highlight">CSS reset utilities: Normalize.class="highlight">css (33%), Reset class="highlight">CSS (3%), and Pure class="highlight">CSS (0%). There is no difference in adoption across desktop and mobile pages.
ES Gráfico de barras que muestra la adopción de tres utilidades de restablecimiento de CSS: Normalize.css (33%), Reset CSS (3%) y Pure CSS (0%). No hay diferencia en la adopción en páginas de escritorio y móviles.
inglês | espanhol |
---|---|
bar | barras |
chart | gráfico |
showing | muestra |
adoption | adopción |
css | css |
utilities | utilidades |
difference | diferencia |
desktop | escritorio |
mobile | móviles |
pages | páginas |
reset | reset |
pure | pure |
the | la |
no | no |
in | en |
there | hay |
EN class="highlight">CSS Revisions show prior versions of your custom class="highlight">CSS. Each time you save your changes, a revision is saved. Jetpack will store the last 25 class="highlight">CSS revisions made to any theme on your blog.
ES Las revisiones de CSS muestran las versiones anteriores del CSS personalizado. Cada vez que guardas los cambios, se guarda una revisión. Jetpack guarda hasta 25 revisiones del CSS que se hagan en cualquier tema del blog.
inglês | espanhol |
---|---|
css | css |
show | muestran |
theme | tema |
blog | blog |
versions | versiones |
is | se |
revisions | revisiones |
changes | cambios |
of | de |
a | una |
on | en |
time | vez |
each | cada |
EN Tailwind class="highlight">CSS offers an alternative approach to class="highlight">CSS tools and frameworks that reduces complexity through lower-level utility class="highlight">CSS classes
ES Tailwind CSS ofrece un enfoque alternativo a las herramientas y marcos CSS que reducen la complejidad mediante clases CSS de utilidad de nivel inferior
inglês | espanhol |
---|---|
css | css |
offers | ofrece |
alternative | alternativo |
frameworks | marcos |
utility | utilidad |
an | un |
classes | clases |
level | nivel |
tools | herramientas |
approach | enfoque |
to | a |
lower | inferior |
reduces | reducen |
through | de |
EN Ajax loading may prevent class="highlight">CSS added to Code Injection from loading correctly. Add class="highlight">CSS to the class="highlight">CSS Editor instead.
ES La carga de Ajax puede evitar que el código CSS agregado a Inserción de código se cargue correctamente. Agrega CSS al editor de CSS.
inglês | espanhol |
---|---|
ajax | ajax |
prevent | evitar |
css | css |
code | código |
correctly | correctamente |
editor | editor |
may | puede |
from | de |
loading | carga |
to | a |
instead | que |
added | agregado |
EN Finally, refactor the class="highlight">CSS. Inside the media query for a max-width of 600px, add the class="highlight">CSS which is only for small screens. Inside the media query for a min-width of 601px add class="highlight">CSS for larger screens.
ES Finalmente, refactorice el CSS. Dentro de la consulta de medios para un max-width de 600px, agregue el CSS que es solo para pantallas pequeñas. Dentro de la consulta de medios para un min-width mínimo de 601px agregue CSS para pantallas más grandes.
inglês | espanhol |
---|---|
css | css |
small | pequeñas |
screens | pantallas |
is | es |
media | medios |
query | consulta |
a | un |
finally | finalmente |
larger | más grandes |
of | de |
for | para |
EN Ajax loading may prevent class="highlight">CSS added to code injection from loading correctly. Add class="highlight">CSS to the class="highlight">CSS Editor instead.
ES La carga de Ajax puede evitar que el código CSS agregado a inserción de código se cargue correctamente. Agrega CSS al Editor de CSS.
inglês | espanhol |
---|---|
ajax | ajax |
prevent | evitar |
css | css |
code | código |
correctly | correctamente |
editor | editor |
may | puede |
from | de |
loading | carga |
to | a |
instead | que |
added | agregado |
EN You can easily generate such merged files and obtain class="highlight">CSS code at the same time with class="highlight">CSS Sprites Tool or class="highlight">CSS Sprites Generator.
ES Puede generar fácilmente dichos archivos combinados y obtener el código CSS al mismo tiempo con CSS Sprites Tool o CSS Sprites Generator.
inglês | espanhol |
---|---|
easily | fácilmente |
css | css |
code | código |
tool | tool |
files | archivos |
or | o |
generator | generator |
generate | generar |
time | tiempo |
and | y |
with | con |
can | puede |
the | el |
same | mismo |
EN For example, if you want to load class="highlight">CSS file on a page for certain modules, instead of using <link rel="stylesheet" type="text/class="highlight">css" href="theme.class="highlight">css">, you should include the stylesheet through css_assets in the module's meta.json file
ES Por ejemplo, si desea cargar un archivo CSS en una página para ciertos módulos, en lugar de usarlo<link rel="stylesheet" type="text/css" href="theme.css">, debe incluir la hoja de estilo a través de css_assets en el archivo meta.json del módulo
inglês | espanhol |
---|---|
css | css |
link | link |
stylesheet | hoja de estilo |
theme | theme |
meta | meta |
json | json |
gt | gt |
if | si |
modules | módulos |
load | cargar |
file | archivo |
page | página |
in | en |
a | un |
instead | en lugar |
to | a |
example | ejemplo |
include | incluir |
should | debe |
of | de |
using | usarlo |
for | para |
EN Finally, the 'class="highlight">CSS' panel always has the class="highlight">CSS for the current gradient for easy copying and pasting into your stylesheet. You can also use this panel to import an existing gradient class="highlight">CSS into the tool.
ES Finalmente, el panel 'CSS' siempre tiene el CSS para el gradiente actual para copiar y pegar fácilmente en tu hoja de estilos. También puedes usar este panel para importar un CSS de gradiente existente a la herramienta.
EN » Best First class="highlight">Class Airlines » Best Business class="highlight">Class Airlines » Best Premium Economy class="highlight">Class Airlines » Best Economy class="highlight">Class Airlines
ES » Mejores aerolíneas de primera clase » Mejores aerolíneas de clase ejecutiva » Las mejores aerolíneas de clase económica premium » Mejores aerolíneas de clase económica
inglês | espanhol |
---|---|
class | clase |
airlines | aerolíneas |
economy | económica |
premium | premium |
best | mejores |
first | de |
EN Improvement: Visual fix: improve Imagify Notices class="highlight">CSS to avoid issue with WP Engine class="highlight">CSS
ES Mejoría: corrección visual: hemos mejorado las notificaciones CSS de Imagify para evitar problemas con WP Engine CSS
inglês | espanhol |
---|---|
notices | notificaciones |
css | css |
engine | engine |
imagify | imagify |
wp | wp |
fix | corrección |
to | a |
visual | visual |
improvement | mejoría |
avoid | evitar |
improve | mejorado |
with | con |
EN Users can import existing class="highlight">CSS files into the new Style Repository Entry Helper and apply the class="highlight">CSS styles easily using drag-and-drop functionality
ES El usuario puede importar archivos CSS ya existentes al nuevo ayudante de entrada "Repositorio de estilos" y aplicar los estilos CSS con facilidad mediante operaciones de arrastrar y colocar
inglês | espanhol |
---|---|
import | importar |
css | css |
entry | entrada |
helper | ayudante |
drag | arrastrar |
files | archivos |
new | nuevo |
repository | repositorio |
styles | estilos |
users | usuario |
can | puede |
easily | facilidad |
the | el |
using | mediante |
EN Step #4. Open your style.class="highlight">css file by right-clicking on it and selecting "Edit" >> Copy and paste the following code into your style.class="highlight">css document and click "Save Changes"
ES Paso 4.Abra su archivo style.css haciendo clic con el botón derecho en él y seleccionando "Editar" >> Copie y pegue el siguiente código en su documento STYLE.CSS y haga clic en "Guardar cambios"
inglês | espanhol |
---|---|
style | style |
css | css |
copy | copie |
paste | pegue |
code | código |
right | derecho |
gt | gt |
file | archivo |
selecting | seleccionando |
edit | editar |
document | documento |
save | guardar |
changes | cambios |
the | el |
step | paso |
click | clic |
your | y |
on | en |
EN @import url(../../../stylesheets/application.class="highlight">css); @import url(blue.class="highlight">css); #header > h1 { background: url(../images/logo.png) no-repeat -2px -5px; padding: 5px 50px; /* Change this for set your own logo*/ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
ES @import url(../../../stylesheets/application.css); @import url(blue.css); #header > h1 { background: url(../images/logo.png) no-repeat -2px -5px; padding: 5px 50px; /* Cambiar esto para configurar su logo*/ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
inglês | espanhol |
---|---|
url | url |
css | css |
blue | blue |
header | header |
png | png |
import | import |
application | application |
gt | gt |
background | background |
images | images |
change | cambiar |
set | configurar |
this | esto |
logo | logo |
your | su |
EN Starting with WordPress 4.7, you can now add custom class="highlight">CSS to your own theme directly from the Customizer. Just choose the Additional class="highlight">CSS tab when customizing your current theme to get started!
ES A partir de WordPress 4.7, puedes añadir CSS personalizado a tu tema directamente desde el Personalizador. Para empezar, selecciona la pestaña CSS adicional al personalizar tu tema actual.
inglês | espanhol |
---|---|
css | css |
choose | selecciona |
tab | pestaña |
wordpress | wordpress |
add | añadir |
additional | adicional |
current | actual |
directly | directamente |
your | tu |
you can | puedes |
custom | de |
to | a |
theme | tema |
just | para |
from | partir |
EN Jetpack?s Custom class="highlight">CSS feature allows you to add more features to that class="highlight">CSS editor, as explained below.
ES El módulo CSS personalizado de Jetpack permite añadir más funciones al Editor de CSS, tal y como se explica a continuación.
inglês | espanhol |
---|---|
s | s |
css | css |
allows | permite |
editor | editor |
explained | explica |
features | funciones |
to | a |
more | más |
as | como |
custom | de |
EN First, access the class="highlight">CSS editor via Appearance → Customize → Additional class="highlight">CSS.
ES Para empezar, abre el Editor de CSS siguiendo esta ruta: Apariencia → Personalizar → CSS adicional.
EN If this is your first visit to the class="highlight">CSS Editor (or you have not yet added any custom class="highlight">CSS code), you will see a placeholder message in the editing window
ES Si es la primera vez que accedes al Editor de CSS (o todavía no has añadido ningún código CSS personalizado), verás un mensaje sobre marcadores de posición en la ventana de edición
inglês | espanhol |
---|---|
css | css |
added | añadido |
code | código |
message | mensaje |
window | ventana |
if | si |
is | es |
editor | editor |
or | o |
in | en |
editing | edición |
see | ver |
the | la |
to the | al |
to | a |
not | no |
first | de |
a | un |
EN Preprocessor: the class="highlight">CSS editor has support for class="highlight">CSS preprocessors LESS and Sass (SCSS Syntax)
ES Preprocesador: el Editor de CSS es compatible con los preprocesadores CSS de LESS y Sass (sintaxis SCSS)
inglês | espanhol |
---|---|
css | css |
editor | editor |
syntax | sintaxis |
less | less |
the | el |
for | con |
EN To restore a previous version of your custom class="highlight">CSS, click Restore for that date and the custom class="highlight">CSS is reverted back.
ES Para restaurar una versión anterior del CSS personalizado, haz clic en Restaurar para la fecha en cuestión y se restablecerá el CSS personalizado.
inglês | espanhol |
---|---|
css | css |
click | clic |
is | se |
version | versión |
restore | restaurar |
of | del |
date | fecha |
to | haz |
a | una |
previous | anterior |
your | y |
EN Jetpack will include the custom class="highlight">CSS as an in-line stylesheet inside the document by default. However, if the custom class="highlight">CSS exceeds 2000 characters in length, Jetpack will generate an external stylesheet and link to it.
ES Por defecto, Jetpack incluirá el CSS personalizado como hoja de estilo integrada dentro del documento. Sin embargo, si el CSS personalizado tiene más de 2000 caracteres, Jetpack generará una hoja de estilo externa y la enlazará.
inglês | espanhol |
---|---|
css | css |
stylesheet | hoja de estilo |
characters | caracteres |
generate | generar |
external | externa |
link | enlazar |
will include | incluirá |
will generate | generará |
document | documento |
if | si |
however | sin embargo |
default | defecto |
custom | de |
as | como |
inside | por |
in | dentro |
EN Tailwind class="highlight">CSS allows you to avoid writing any classes or class="highlight">CSS on your own which leads to a more maintainable codebase in the long term
ES Tailwind CSS evita que tengas que escribir cualquier clase o CSS por tu cuenta, lo que conduce a una base de código más fácil de mantener a largo plazo
inglês | espanhol |
---|---|
css | css |
classes | clase |
term | plazo |
avoid | evita |
or | o |
long | largo |
your | tu |
leads | conduce |
to | a |
you | tengas |
writing | escribir |
any | cualquier |
which | de |
EN Code Injection isn't intended for adding content or styles. To add content to your site, visit Building a page. To add custom class="highlight">CSS for styles, use the Custom class="highlight">CSS Editor.
ES La Inyección de Código no está diseñada para añadir contenido o estilos. Para añadir contenido al sitio, visita Crear una página. Para añadir CSS personalizado para los estilos, utiliza el Editor de CSS personalizado.
inglês | espanhol |
---|---|
injection | inyección |
styles | estilos |
visit | visita |
css | css |
editor | editor |
code | código |
content | contenido |
or | o |
page | página |
site | sitio |
to | a |
custom | de |
use | utiliza |
for | para |
EN We recommend adding class="highlight">CSS to the Custom class="highlight">CSS Editor instead of Code Injection. If you're adding it to Code Injection, surround the code with <style></style> tags.
ES Te recomendamos agregar CSS al Editor de CSS personalizado en lugar de usar la Inserción de código. Si usarás Inserción de código, rodea al código con las etiquetas<style></style>.
inglês | espanhol |
---|---|
adding | agregar |
css | css |
editor | editor |
surround | rodea |
style | style |
tags | etiquetas |
gt | gt |
code | código |
if | si |
instead | en lugar |
the | la |
to the | al |
with | con |
of | de |
EN After compressing and optimising your images, it is time to start looking for images you can now replace with fonts or class="highlight">CSS code. For example, it is entirely possible to create shading or backgrounds in class="highlight">CSS.
ES Después de comprimir y optimizar tus imágenes, es hora de buscar imágenes que puedas reemplazar por fuentes tipográficas o de código CSS. Por ejemplo, es posible crear fácilmente degradados o fondos con CSS.
inglês | espanhol |
---|---|
compressing | comprimir |
optimising | optimizar |
images | imágenes |
replace | reemplazar |
fonts | fuentes |
css | css |
code | código |
or | o |
is | es |
you can | puedas |
possible | posible |
time | hora |
example | ejemplo |
your | y |
to | fondos |
with | con |
create | crear |
EN The horizontal accordion and vertical accordion in Unbounce landing pages will create collapsing accordion pure class="highlight">CSS portfolio for a business template with optional class="highlight">CSS HTML only accordion
ES El acordeón horizontal y el acordeón vertical en las páginas de inicio de Unbounce crearán un portafolio de CSS puro de acordeón colapsable para una plantilla de negocios con un acordeón opcional CSS HTML solamente
inglês | espanhol |
---|---|
horizontal | horizontal |
accordion | acordeón |
vertical | vertical |
pure | puro |
css | css |
portfolio | portafolio |
optional | opcional |
html | html |
will create | crearán |
pages | páginas |
in | en |
template | plantilla |
the | el |
a | un |
create | crear |
business | negocios |
with | con |
for | para |
EN The programmers at callas software extended HTML, class="highlight">CSS and JavaScript, so to speak, and added extra HTML elements and class="highlight">CSS attributes, so that they can be used specifically for a graphic workflow
ES Los programadores de callas software ampliaron, por así decirlo, los lenguajes HTML, CSS y JavaScript añadiéndoles elementos HTML y atributos CSS para que pudieran usarse en flujos de trabajo gráficos
inglês | espanhol |
---|---|
programmers | programadores |
software | software |
css | css |
javascript | javascript |
attributes | atributos |
graphic | gráficos |
workflow | flujos de trabajo |
at | en |
html | html |
can | pudieran |
extra | que |
to | a |
elements | elementos |
be used | usarse |
for | para |
EN class="highlight">CSS Grid – The Great Big Guide to Learning class="highlight">CSS Grid Layouts
ES CSS Grid: La gran guía para conocer layouts tipo CSS Grid
inglês | espanhol |
---|---|
css | css |
grid | grid |
guide | guía |
the | la |
to | para |
great | gran |
EN After compressing and optimising your images, it is time to start looking for images you can now replace with fonts or class="highlight">CSS code. For example, it is entirely possible to create shading or backgrounds in class="highlight">CSS.
ES Después de comprimir y optimizar tus imágenes, es hora de buscar imágenes que puedas reemplazar por fuentes tipográficas o de código CSS. Por ejemplo, es posible crear fácilmente degradados o fondos con CSS.
inglês | espanhol |
---|---|
compressing | comprimir |
optimising | optimizar |
images | imágenes |
replace | reemplazar |
fonts | fuentes |
css | css |
code | código |
or | o |
is | es |
you can | puedas |
possible | posible |
time | hora |
example | ejemplo |
your | y |
to | fondos |
with | con |
create | crear |
EN To learn more about what class="highlight">CSS properties trigger layout, see class="highlight">CSS Triggers and High-performance animations.
ES Para obtener más información sobre las propiedades de CSS que activan el diseño, consulte Activadores de CSS y animaciones de alto rendimiento.
inglês | espanhol |
---|---|
css | css |
properties | propiedades |
trigger | activan |
triggers | activadores |
animations | animaciones |
performance | rendimiento |
layout | diseño |
high | alto |
more | más |
EN For Rollup: rollup-plugin-class="highlight">css-porterExample of LCP improvement: Before and after minifying class="highlight">CSS
ES Para Rollup: rollup-plugin-css-porterEjemplo de mejora de LCP: antes y después de minificar CSS
inglês | espanhol |
---|---|
lcp | lcp |
improvement | mejora |
css | css |
of | de |
for | para |
EN Inline any critical-path class="highlight">CSS used for above-the-fold content by including it directly in <head>.Critical class="highlight">CSS inlined
ES Estilos integrados en el código de cualquier CSS de ruta crítica que se utilice para el contenido de la mitad superior de la página que lo incluya directamente en el <head>.CSS crítico con estilos integrados en el código
inglês | espanhol |
---|---|
css | css |
amp | amp |
gt | gt |
content | contenido |
including | incluya |
it | lo |
in | en |
path | ruta |
by | de |
directly | directamente |
critical | crítica |
any | cualquier |
for | para |
EN Inlining important styles eliminates the need to make a round-trip request to fetch critical class="highlight">CSS. Deferring the rest minimizes class="highlight">CSS blocking time.
ES La inserción de estilos importantes elimina la necesidad de realizar una solicitud de ida y vuelta para obtener CSS crítico. Retrasar el resto minimiza el tiempo de bloqueo de CSS.
inglês | espanhol |
---|---|
styles | estilos |
eliminates | elimina |
css | css |
minimizes | minimiza |
blocking | bloqueo |
important | importantes |
request | solicitud |
fetch | obtener |
need | necesidad |
time | tiempo |
critical | crítico |
a | una |
to make | realizar |
make | de |
rest | resto |
EN Critters is a webpack plugin that inlines critical class="highlight">CSS and lazy-loads the restExample of LCP improvement: Before and after inlining critical class="highlight">CSS
ES Critters es un complemento de webpack que integra estilos integrados en el código de CSS crítico y carga diferida de RESTEjemplo de como mejorar LCP antes y después de incorporar estilos integrados en el código de CSS crítico
inglês | espanhol |
---|---|
plugin | complemento |
critical | crítico |
css | css |
lcp | lcp |
improvement | mejorar |
loads | carga |
is | es |
a | un |
the | el |
that | que |
of | de |
EN At times, important resources that are declared or used in a certain class="highlight">CSS or JavaScript file may be fetched later than you would like, such as a font tucked deep in one of the many class="highlight">CSS files of an application.
ES A veces, los recursos importantes que se declaran o utilizan en un determinado archivo CSS o JavaScript pueden recuperarse más tarde de lo que le gustaría, como una fuente escondida en uno de los muchos archivos CSS de una aplicación.
inglês | espanhol |
---|---|
important | importantes |
resources | recursos |
css | css |
javascript | javascript |
font | fuente |
would like | gustaría |
or | o |
used | utilizan |
application | aplicación |
file | archivo |
files | archivos |
in | en |
a | un |
as | como |
many | muchos |
the | más |
EN It is also possible to include separate stylesheets in your main class="highlight">CSS file using the @import syntax, @import url(print.class="highlight">css) print;, however this use is not recommended for performance reasons
ES También es posible incluir hojas de estilo separadas en el archivo principal de CSS mediante el sintaxis de @import, @import url(print.css) print;, sin embargo, este uso no se recomendable por razones de rendimiento
inglês | espanhol |
---|---|
stylesheets | hojas de estilo |
main | principal |
css | css |
syntax | sintaxis |
url | url |
performance | rendimiento |
reasons | razones |
import | import |
separate | separadas |
in | en |
is | es |
file | archivo |
the | el |
possible | posible |
also | también |
however | sin embargo |
use | uso |
this | este |
not | no |
to | mediante |
include | incluir |
for | por |
EN Improvement: Visual fix: improve Imagify Notices class="highlight">CSS to avoid issue with WP Engine class="highlight">CSS
ES Mejoría: corrección visual: hemos mejorado las notificaciones CSS de Imagify para evitar problemas con WP Engine CSS
inglês | espanhol |
---|---|
notices | notificaciones |
css | css |
engine | engine |
imagify | imagify |
wp | wp |
fix | corrección |
to | a |
visual | visual |
improvement | mejoría |
avoid | evitar |
improve | mejorado |
with | con |
EN Honoring the color-scheme class="highlight">CSS property requires the class="highlight">CSS to be first downloaded (if it is referenced via <link rel="stylesheet">) and to be parsed
ES Utilizar la propiedad color-scheme del CSS requiere que el CSS se descargue primero (si se hace referencia a él a través de <link rel="stylesheet">) y se analice
inglês | espanhol |
---|---|
css | css |
requires | requiere |
downloaded | descargue |
amp | amp |
gt | gt |
if | si |
is | se |
property | propiedad |
to | a |
EN class="highlight">CSS pixel volume is from the class="highlight">CSS perspective of layout
ES El tamaño de pixel CSS es desde el punto de vista del diseño
inglês | espanhol |
---|---|
css | css |
pixel | pixel |
is | es |
layout | diseño |
the | el |
of | de |
volume | tamaño |
from | desde |
EN Users can import existing class="highlight">CSS files into the new Style Repository Entry Helper and apply the class="highlight">CSS styles easily using drag-and-drop functionality
ES El usuario puede importar archivos CSS ya existentes al nuevo ayudante de entrada "Repositorio de estilos" y aplicar los estilos CSS con facilidad mediante operaciones de arrastrar y colocar
inglês | espanhol |
---|---|
import | importar |
css | css |
entry | entrada |
helper | ayudante |
drag | arrastrar |
files | archivos |
new | nuevo |
repository | repositorio |
styles | estilos |
users | usuario |
can | puede |
easily | facilidad |
the | el |
using | mediante |
EN With this information, optimize your class="highlight">CSS so that the browser starts processing critical styles immediately after page loads, while deferring non-critical class="highlight">CSS for later:
ES Optimice su CSS con esta información para que el navegador comience a procesar los estilos críticos inmediatamente después de que se cargue la página, mientras pospone el CSS no crítico para más adelante:
inglês | espanhol |
---|---|
information | información |
css | css |
processing | procesar |
styles | estilos |
browser | navegador |
starts | comience |
page | página |
with | con |
your | su |
critical | crítico |
for | para |
this | esta |
EN The FCP marker appears before the page requests the class="highlight">CSS, which means the browser doesn't need to wait for the class="highlight">CSS to load before rendering the page:
ES El marcador FCP aparece antes de que la página solicite el CSS, lo que significa que el navegador no necesita esperar a que se cargue el CSS antes de renderizar la página:
inglês | espanhol |
---|---|
fcp | fcp |
marker | marcador |
appears | aparece |
css | css |
rendering | renderizar |
browser | navegador |
page | página |
wait | esperar |
load | cargue |
need | necesita |
requests | solicite |
before | de |
EN The browser must download and parse class="highlight">CSS files before it can show the page, which makes class="highlight">CSS a render-blocking resource
ES El navegador debe descargar y analizar los archivos CSS antes de poder mostrar la página, lo que convierte al CSS en un recurso de bloqueo de renderizado
inglês | espanhol |
---|---|
download | descargar |
parse | analizar |
css | css |
show | mostrar |
resource | recurso |
blocking | bloqueo |
render | renderizado |
browser | navegador |
files | archivos |
must | debe |
it | lo |
page | página |
a | un |
before | de |
EN If class="highlight">CSS files are big, or network conditions are poor, requests for class="highlight">CSS files can significantly increase the time it takes for a web page to render.
ES Si los archivos CSS son grandes o las condiciones de la red son malas, las solicitudes de archivos CSS pueden aumentar significativamente el tiempo que tarda una página web en procesarse.
inglês | espanhol |
---|---|
css | css |
big | grandes |
poor | malas |
significantly | significativamente |
increase | aumentar |
if | si |
files | archivos |
or | o |
conditions | condiciones |
requests | solicitudes |
web | web |
page | página |
network | red |
can | pueden |
time | tiempo |
are | son |
a | una |
it | de |
EN Critical class="highlight">CSS is a technique that extracts the class="highlight">CSS for above-the-fold content in order to render content to the user as fast as possible.
ES El CSS crítico es una técnica que extrae el CSS del contenido de la mitad superior de la página para mostrar el contenido al usuario lo más rápido posible.
inglês | espanhol |
---|---|
critical | crítico |
css | css |
technique | técnica |
extracts | extrae |
content | contenido |
fast | rápido |
is | es |
possible | posible |
user | usuario |
a | una |
EN Inlining extracted styles in the <head> of the HTML document eliminates the need to make an additional request to fetch these styles. The remainder of the class="highlight">CSS can be loaded asynchronously.Inlined critical class="highlight">CSS
ES Insertar estilos extraídos en el <head> del documento HTML elimina la necesidad de realizar una solicitud adicional para obtener estos estilos. El resto del CSS se puede cargar de forma asincrónica.CSS crítico en línea
inglês | espanhol |
---|---|
extracted | extraídos |
styles | estilos |
amp | amp |
document | documento |
css | css |
loaded | cargar |
critical | crítico |
gt | gt |
html | html |
additional | adicional |
request | solicitud |
in | en |
eliminates | elimina |
need | necesidad |
of | de |
remainder | el resto |
can | puede |
fetch | obtener |
Mostrando 50 de 50 traduções