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*
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*
EN Change imported file name to *red.css*, *green.css*, *grey.css* or *dark_grey.css*, in line 2
испанский | английский |
---|---|
importado | imported |
css | css |
o | or |
cambiar | change |
archivo | file |
green | green |
colores | grey |
en | in |
red | red |
línea | line |
nombre | name |
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.
EN Render-blocking JavaScript and CSS prevent sites from showing a page before loading these files. To fix this issue, we recommend minifying CSS. Also, defer non-critical CSS and inline critical CSS.
испанский | английский |
---|---|
javascript | javascript |
css | css |
renderizado | render |
impiden | prevent |
muestren | showing |
cargar | loading |
solucionar | fix |
crítico | critical |
sitios | sites |
archivos | files |
página | page |
este | this |
una | a |
de | before |
estos | these |
además | to |
y | and |
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
EN In the CSS tab, you can enable/disable Minification of CSS files, activate/deactivate CSS combinations to reduce the numbers of requests to the server, and also Preload Combined CSS
испанский | английский |
---|---|
css | css |
combinado | combined |
peticiones | requests |
en | in |
pestaña | tab |
archivos | files |
activar | activate |
desactivar | disable |
reducir | reduce |
servidor | server |
puedes | you can |
también | also |
a | to |
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.
EN Render-blocking JavaScript and CSS prevent sites from showing a page before loading these files. To fix this issue, we recommend minifying CSS. Also, defer non-critical CSS and inline critical CSS.
испанский | английский |
---|---|
javascript | javascript |
css | css |
renderizado | render |
impiden | prevent |
muestren | showing |
cargar | loading |
solucionar | fix |
crítico | critical |
sitios | sites |
archivos | files |
página | page |
este | this |
una | a |
de | before |
estos | these |
además | to |
y | and |
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.
EN Bar chart showing the adoption of three CSS reset utilities: Normalize.css (33%), Reset CSS (3%), and Pure CSS (0%). There is no difference in adoption across desktop and mobile pages.
испанский | английский |
---|---|
gráfico | chart |
barras | bar |
muestra | showing |
adopción | adoption |
utilidades | utilities |
css | css |
reset | reset |
pure | pure |
diferencia | difference |
páginas | pages |
escritorio | desktop |
móviles | mobile |
la | the |
no | no |
en | in |
hay | there |
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.
EN CSS Revisions show prior versions of your custom CSS. Each time you save your changes, a revision is saved. Jetpack will store the last 25 CSS revisions made to any theme on your blog.
испанский | английский |
---|---|
css | css |
muestran | show |
tema | theme |
blog | blog |
versiones | versions |
se | is |
revisiones | revisions |
cambios | changes |
revisión | revision |
de | of |
una | a |
en | on |
cada | each |
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
EN Tailwind CSS offers an alternative approach to CSS tools and frameworks that reduces complexity through lower-level utility CSS classes
испанский | английский |
---|---|
css | css |
ofrece | offers |
alternativo | alternative |
marcos | frameworks |
utilidad | utility |
un | an |
clases | classes |
nivel | level |
herramientas | tools |
enfoque | approach |
a | to |
inferior | lower |
reducen | reduces |
de | through |
y | and |
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.
EN Ajax loading may prevent CSS added to Code Injection from loading correctly. Add CSS to the CSS Editor instead.
испанский | английский |
---|---|
ajax | ajax |
evitar | prevent |
código | code |
css | css |
correctamente | correctly |
editor | editor |
de | from |
puede | may |
carga | loading |
que | instead |
a | to |
agregado | added |
agrega | add |
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.
EN Finally, refactor the CSS. Inside the media query for a max-width of 600px, add the CSS which is only for small screens. Inside the media query for a min-width of 601px add CSS for larger screens.
испанский | английский |
---|---|
css | css |
pantallas | screens |
pequeñas | small |
es | is |
consulta | query |
medios | media |
un | a |
finalmente | finally |
más grandes | larger |
de | of |
para | for |
dentro de | inside |
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.
EN Ajax loading may prevent CSS added to code injection from loading correctly. Add CSS to the CSS Editor instead.
испанский | английский |
---|---|
ajax | ajax |
evitar | prevent |
código | code |
css | css |
correctamente | correctly |
editor | editor |
de | from |
puede | may |
carga | loading |
que | instead |
a | to |
agregado | added |
agrega | add |
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.
EN You can easily generate such merged files and obtain CSS code at the same time with CSS Sprites Tool or CSS Sprites Generator.
испанский | английский |
---|---|
fácilmente | easily |
código | code |
css | css |
tool | tool |
archivos | files |
o | or |
generator | generator |
generar | generate |
tiempo | time |
y | and |
con | with |
puede | can |
el | the |
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
EN For example, if you want to load CSS file on a page for certain modules, instead of using <link rel="stylesheet" type="text/css" href="theme.css">, you should include the stylesheet through css_assets in the module's meta.json file
испанский | английский |
---|---|
css | css |
link | link |
theme | theme |
gt | gt |
json | json |
hoja de estilo | stylesheet |
meta | meta |
si | if |
módulos | modules |
cargar | load |
archivo | file |
página | page |
en | in |
type | type |
usarlo | using |
un | a |
en lugar | instead |
ejemplo | example |
incluir | include |
a | to |
debe | should |
de | of |
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 Finally, the 'CSS' panel always has the CSS for the current gradient for easy copying and pasting into your stylesheet. You can also use this panel to import an existing gradient CSS into the tool.
ES Mejoría: corrección visual: hemos mejorado las notificaciones CSS de Imagify para evitar problemas con WP Engine CSS
EN Improvement: Visual fix: improve Imagify Notices CSS to avoid issue with WP Engine CSS
испанский | английский |
---|---|
notificaciones | notices |
css | css |
imagify | imagify |
wp | wp |
engine | engine |
corrección | fix |
a | to |
mejoría | improvement |
visual | visual |
evitar | avoid |
con | with |
mejorado | improve |
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
EN Users can import existing CSS files into the new Style Repository Entry Helper and apply the CSS styles easily using drag-and-drop functionality
испанский | английский |
---|---|
importar | import |
css | css |
ayudante | helper |
entrada | entry |
arrastrar | drag |
archivos | files |
nuevo | new |
repositorio | repository |
estilos | styles |
usuario | users |
puede | can |
el | the |
facilidad | easily |
mediante | using |
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); }
EN @import url(../../../stylesheets/application.css); @import url(blue.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); }
испанский | английский |
---|---|
import | import |
url | url |
application | application |
css | css |
blue | blue |
gt | gt |
background | background |
images | images |
png | png |
header | header |
cambiar | change |
configurar | set |
esto | this |
logo | logo |
su | your |
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.
EN Starting with WordPress 4.7, you can now add custom CSS to your own theme directly from the Customizer. Just choose the Additional CSS tab when customizing your current theme to get started!
испанский | английский |
---|---|
css | css |
selecciona | choose |
pestaña | tab |
wordpress | wordpress |
añadir | add |
adicional | additional |
actual | current |
directamente | directly |
tema | theme |
puedes | you can |
tu | your |
a | to |
de | custom |
partir | from |
para | just |
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.
EN Jetpack?s Custom CSS feature allows you to add more features to that CSS editor, as explained below.
испанский | английский |
---|---|
css | css |
permite | allows |
editor | editor |
explica | explained |
s | s |
funciones | features |
a | to |
de | custom |
y | you |
más | more |
como | as |
ES Para empezar, abre el Editor de CSS siguiendo esta ruta: Apariencia → Personalizar → CSS adicional.
EN First, access the CSS editor via Appearance → Customize → Additional CSS.
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
EN If this is your first visit to the CSS Editor (or you have not yet added any custom CSS code), you will see a placeholder message in the editing window
испанский | английский |
---|---|
css | css |
añadido | added |
código | code |
mensaje | message |
ventana | window |
si | if |
es | is |
editor | editor |
o | or |
en | in |
edición | editing |
la | the |
ver | see |
no | not |
a | to |
un | a |
de | first |
ES Preprocesador: el Editor de CSS es compatible con los preprocesadores CSS de LESS y Sass (sintaxis SCSS)
EN Preprocessor: the CSS editor has support for CSS preprocessors LESS and Sass (SCSS Syntax)
испанский | английский |
---|---|
editor | editor |
css | css |
less | less |
sintaxis | syntax |
el | the |
con | for |
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.
EN To restore a previous version of your custom CSS, click Restore for that date and the custom CSS is reverted back.
испанский | английский |
---|---|
css | css |
clic | click |
se | is |
versión | version |
restaurar | restore |
del | of |
fecha | date |
una | a |
anterior | previous |
haz | to |
y | your |
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á.
EN Jetpack will include the custom CSS as an in-line stylesheet inside the document by default. However, if the custom CSS exceeds 2000 characters in length, Jetpack will generate an external stylesheet and link to it.
испанский | английский |
---|---|
incluirá | will include |
css | css |
caracteres | characters |
generará | will generate |
externa | external |
hoja de estilo | stylesheet |
generar | generate |
enlazar | link |
documento | document |
si | if |
sin embargo | however |
defecto | default |
por | inside |
como | as |
de | custom |
dentro | in |
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
EN Tailwind CSS allows you to avoid writing any classes or CSS on your own which leads to a more maintainable codebase in the long term
испанский | английский |
---|---|
css | css |
plazo | term |
clase | classes |
evita | avoid |
o | or |
largo | long |
tu | your |
conduce | leads |
a | to |
una | a |
tengas | you |
de | which |
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.
EN Code Injection isn't intended for adding content or styles. To add content to your site, visit Building a page. To add custom CSS for styles, use the Custom CSS Editor.
испанский | английский |
---|---|
inyección | injection |
estilos | styles |
visita | visit |
css | css |
editor | editor |
código | code |
contenido | content |
o | or |
página | page |
sitio | site |
a | to |
de | custom |
utiliza | use |
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>.
EN We recommend adding CSS to the Custom CSS Editor instead of Code Injection. If you're adding it to Code Injection, surround the code with <style></style> tags.
испанский | английский |
---|---|
agregar | adding |
css | css |
editor | editor |
rodea | surround |
etiquetas | tags |
style | style |
gt | gt |
código | code |
si | if |
la | the |
en lugar | instead |
con | with |
de | of |
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.
EN After compressing and optimising your images, it is time to start looking for images you can now replace with fonts or CSS code. For example, it is entirely possible to create shading or backgrounds in CSS.
испанский | английский |
---|---|
comprimir | compressing |
optimizar | optimising |
imágenes | images |
reemplazar | replace |
fuentes | fonts |
código | code |
css | css |
o | or |
es | is |
puedas | you can |
hora | time |
posible | possible |
ejemplo | example |
y | your |
fondos | to |
con | with |
crear | create |
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
EN The horizontal accordion and vertical accordion in Unbounce landing pages will create collapsing accordion pure CSS portfolio for a business template with optional CSS HTML only accordion
испанский | английский |
---|---|
acordeón | accordion |
horizontal | horizontal |
vertical | vertical |
crearán | will create |
portafolio | portfolio |
css | css |
puro | pure |
opcional | optional |
html | html |
páginas | pages |
el | the |
en | in |
plantilla | template |
un | a |
negocios | business |
con | with |
crear | create |
para | for |
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
EN The programmers at callas software extended HTML, CSS and JavaScript, so to speak, and added extra HTML elements and CSS attributes, so that they can be used specifically for a graphic workflow
испанский | английский |
---|---|
programadores | programmers |
software | software |
css | css |
javascript | javascript |
atributos | attributes |
gráficos | graphic |
flujos de trabajo | workflow |
html | html |
en | at |
pudieran | can |
que | extra |
elementos | elements |
usarse | be used |
a | to |
ES CSS Grid: La gran guía para conocer layouts tipo CSS Grid
EN CSS Grid – The Great Big Guide to Learning CSS Grid Layouts
испанский | английский |
---|---|
css | css |
grid | grid |
guía | guide |
la | the |
gran | great |
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.
EN After compressing and optimising your images, it is time to start looking for images you can now replace with fonts or CSS code. For example, it is entirely possible to create shading or backgrounds in CSS.
испанский | английский |
---|---|
comprimir | compressing |
optimizar | optimising |
imágenes | images |
reemplazar | replace |
fuentes | fonts |
código | code |
css | css |
o | or |
es | is |
puedas | you can |
hora | time |
posible | possible |
ejemplo | example |
y | your |
fondos | to |
con | with |
crear | create |
ES Para Rollup: rollup-plugin-css-porterEjemplo de mejora de LCP: antes y después de minificar CSS
EN For Rollup: rollup-plugin-css-porterExample of LCP improvement: Before and after minifying CSS
испанский | английский |
---|---|
mejora | improvement |
lcp | lcp |
css | css |
para | for |
de | of |
antes | before |
y | and |
después | after |
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
EN Inline any critical-path CSS used for above-the-fold content by including it directly in <head>.Critical CSS inlined
испанский | английский |
---|---|
css | css |
amp | amp |
gt | gt |
contenido | content |
en | in |
ruta | path |
lo | it |
incluya | including |
directamente | directly |
de | by |
crítica | critical |
cualquier | any |
para | for |
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.
EN Inlining important styles eliminates the need to make a round-trip request to fetch critical CSS. Deferring the rest minimizes CSS blocking time.
испанский | английский |
---|---|
estilos | styles |
elimina | eliminates |
css | css |
minimiza | minimizes |
bloqueo | blocking |
importantes | important |
solicitud | request |
obtener | fetch |
crítico | critical |
necesidad | need |
tiempo | time |
realizar | to make |
una | a |
resto | rest |
de | make |
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
EN Critters is a webpack plugin that inlines critical CSS and lazy-loads the restExample of LCP improvement: Before and after inlining critical CSS
испанский | английский |
---|---|
complemento | plugin |
css | css |
crítico | critical |
carga | loads |
mejorar | improvement |
lcp | lcp |
es | is |
un | a |
el | the |
de | of |
y | and |
antes | before |
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.
EN To learn more about what CSS properties trigger layout, see CSS Triggers and High-performance animations.
испанский | английский |
---|---|
propiedades | properties |
css | css |
activan | trigger |
activadores | triggers |
animaciones | animations |
rendimiento | performance |
diseño | layout |
alto | high |
más | more |
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.
EN At times, important resources that are declared or used in a certain CSS or JavaScript file may be fetched later than you would like, such as a font tucked deep in one of the many CSS files of an application.
испанский | английский |
---|---|
recursos | resources |
importantes | important |
css | css |
javascript | javascript |
gustaría | would like |
fuente | font |
o | or |
utilizan | used |
aplicación | application |
archivo | file |
archivos | files |
en | in |
un | a |
como | as |
muchos | many |
más | the |
a | deep |
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
EN It is also possible to include separate stylesheets in your main CSS file using the @import syntax, @import url(print.css) print;, however this use is not recommended for performance reasons
испанский | английский |
---|---|
principal | main |
css | css |
sintaxis | syntax |
import | import |
url | url |
razones | reasons |
rendimiento | performance |
hojas de estilo | stylesheets |
separadas | separate |
en | in |
es | is |
el | the |
archivo | file |
posible | possible |
uso | use |
sin embargo | however |
también | also |
no | not |
incluir | include |
mediante | to |
este | this |
ES Mejoría: corrección visual: hemos mejorado las notificaciones CSS de Imagify para evitar problemas con WP Engine CSS
EN Improvement: Visual fix: improve Imagify Notices CSS to avoid issue with WP Engine CSS
испанский | английский |
---|---|
notificaciones | notices |
css | css |
imagify | imagify |
wp | wp |
engine | engine |
corrección | fix |
a | to |
mejoría | improvement |
visual | visual |
evitar | avoid |
con | with |
mejorado | improve |
ES Se especifican en CSS Color Module Level 4 (nivel 4 del módulo de color CSS)
EN They are specified in CSS Color Module Level 4
испанский | английский |
---|---|
especifican | specified |
css | css |
color | color |
en | in |
de | they |
módulo | module |
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
EN Honoring the color-scheme CSS property requires the CSS to be first downloaded (if it is referenced via <link rel="stylesheet">) and to be parsed
испанский | английский |
---|---|
css | css |
requiere | requires |
descargue | downloaded |
amp | amp |
gt | gt |
si | if |
se | is |
propiedad | property |
a | to |
ES Rune también es coeditor de CSS Color Adjustment Module Level 1 specification (especificación de nivel 1 del módulo de ajuste de color CSS)
EN Rune is also a co-editor of the CSS Color Adjustment Module Level 1 specification
испанский | английский |
---|---|
css | css |
especificación | specification |
ajuste | adjustment |
es | is |
también | also |
de | of |
color | color |
módulo | module |
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
EN Users can import existing CSS files into the new Style Repository Entry Helper and apply the CSS styles easily using drag-and-drop functionality
испанский | английский |
---|---|
importar | import |
css | css |
ayudante | helper |
entrada | entry |
arrastrar | drag |
archivos | files |
nuevo | new |
repositorio | repository |
estilos | styles |
usuario | users |
puede | can |
el | the |
facilidad | easily |
mediante | using |
ES Los archivos CSS son recursos que bloquean el renderizado: deben cargarse y procesarse antes de que el navegador muestre la página. Las páginas web que contienen estilos de CSS innecesariamente grandes tardan más en procesarse.
EN CSS files are render-blocking resources: they must be loaded and processed before the browser renders the page. Web pages that contain unnecessarily large styles take longer to render.
испанский | английский |
---|---|
css | css |
recursos | resources |
renderizado | render |
contienen | contain |
estilos | styles |
archivos | files |
deben | must |
navegador | browser |
páginas | pages |
web | web |
página | page |
grandes | large |
son | are |
de | before |
y | and |
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:
EN With this information, optimize your CSS so that the browser starts processing critical styles immediately after page loads, while deferring non-critical CSS for later:
испанский | английский |
---|---|
css | css |
información | information |
procesar | processing |
estilos | styles |
navegador | browser |
comience | starts |
página | page |
con | with |
su | your |
esta | this |
para | for |
crítico | critical |
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:
EN The FCP marker appears before the page requests the CSS, which means the browser doesn't need to wait for the CSS to load before rendering the page:
испанский | английский |
---|---|
marcador | marker |
aparece | appears |
css | css |
renderizar | rendering |
fcp | fcp |
navegador | browser |
página | page |
esperar | wait |
cargue | load |
necesita | need |
de | before |
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
EN The browser must download and parse CSS files before it can show the page, which makes CSS a render-blocking resource
испанский | английский |
---|---|
descargar | download |
css | css |
mostrar | show |
recurso | resource |
bloqueo | blocking |
renderizado | render |
analizar | parse |
navegador | browser |
archivos | files |
debe | must |
lo | it |
página | page |
un | a |
de | before |
y | and |
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.
EN If CSS files are big, or network conditions are poor, requests for CSS files can significantly increase the time it takes for a web page to render.
испанский | английский |
---|---|
css | css |
grandes | big |
malas | poor |
aumentar | increase |
significativamente | significantly |
si | if |
archivos | files |
o | or |
condiciones | conditions |
solicitudes | requests |
página | page |
web | web |
red | network |
pueden | can |
son | are |
tiempo | time |
una | a |
de | it |
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.
EN Critical CSS is a technique that extracts the CSS for above-the-fold content in order to render content to the user as fast as possible.
испанский | английский |
---|---|
css | css |
crítico | critical |
técnica | technique |
extrae | extracts |
contenido | content |
rápido | fast |
es | is |
usuario | user |
posible | possible |
una | a |
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
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 CSS can be loaded asynchronously.Inlined critical CSS
испанский | английский |
---|---|
estilos | styles |
extraídos | extracted |
amp | amp |
gt | gt |
documento | document |
css | css |
cargar | loaded |
crítico | critical |
html | html |
solicitud | request |
adicional | additional |
en | in |
elimina | eliminates |
necesidad | need |
de | of |
puede | can |
el resto | remainder |
Показаны переводы 50 из 50