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.
"archivos css" em espanhol pode ser traduzido nas seguintes palavras/frases inglês:
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.
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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 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
espanhol | inglês |
---|---|
importado | imported |
css | css |
o | or |
cambiar | change |
archivo | file |
green | green |
colores | grey |
en | in |
red | red |
línea | line |
nombre | name |
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.
espanhol | inglês |
---|---|
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 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.
espanhol | inglês |
---|---|
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 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.
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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 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
espanhol | inglês |
---|---|
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 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.
espanhol | inglês |
---|---|
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 La minificación de los archivos CSS puede mejorar el rendimiento de carga de su página. Los archivos CSS suelen ser más grandes de lo necesario. Por ejemplo:
EN Minifying CSS files can improve your page load performance. CSS files are often larger than they need to be. For example:
espanhol | inglês |
---|---|
css | css |
carga | load |
suelen | often |
archivos | files |
rendimiento | performance |
página | page |
mejorar | improve |
puede | can |
necesario | need |
ser | be |
más grandes | larger |
de | than |
su | your |
ejemplo | example |
más | to |
ES Abra archivos de imagen virtual de la misma forma que los archivos Zip. Visualice el contenido y extraiga archivos a cualquier ubicación. Es compatible con archivos VHD, incluidos los archivos NTFS comprimidos y los archivos VMWare
EN Open a Virtual Image file the same way you open a Zip file. View the content and extract files to any location. Supports VHD files, including NTFS compressed files, and VMWare files.
espanhol | inglês |
---|---|
virtual | virtual |
zip | zip |
ntfs | ntfs |
vmware | vmware |
abra | open |
imagen | image |
contenido | content |
ubicación | location |
archivos | files |
visualice | view |
a | to |
incluidos | including |
que | same |
de | way |
y | and |
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
espanhol | inglês |
---|---|
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 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.
espanhol | inglês |
---|---|
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 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
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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 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
espanhol | inglês |
---|---|
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 Penthouse no detecta las hojas de estilo automáticamente, debe especificar los archivos HTML y CSS para los que desea generar CSS crítico. La ventaja es que es bueno para ejecutar muchos trabajos en paralelo.RendimientoCSS
EN Penthouse doesn't detect stylesheets automatically, you have to specify the HTML and CSS files that you want to generate critical CSS for. The upside is that it's good at running many jobs in parallel.PerformanceCSS
espanhol | inglês |
---|---|
penthouse | penthouse |
detecta | detect |
automáticamente | automatically |
html | html |
css | css |
crítico | critical |
muchos | many |
trabajos | jobs |
paralelo | parallel |
hojas de estilo | stylesheets |
archivos | files |
es | is |
la | the |
especificar | specify |
generar | generate |
en | in |
bueno | good |
ES Los módulos de correo electrónico no son compatibles con module.css y module.js. Debido a que los clientes de correo electrónico no admiten JavaScript y la compatibilidad con archivos CSS vinculados es limitada.
EN Email modules don't support module.css and module.js. This is because email clients don't support JavaScript and support for linked CSS files is limited.
espanhol | inglês |
---|---|
css | css |
vinculados | linked |
limitada | limited |
módulos | modules |
js | js |
javascript | javascript |
archivos | files |
es | is |
no | dont |
module | module |
de | because |
debido | for |
los clientes | clients |
y | and |
ES También puedes compilar varios archivos CSS en un solo archivo CSS con la misma etiqueta de inclusión.
EN You can also compile multiple CSS files into a single CSS file with the same include tag.
espanhol | inglês |
---|---|
compilar | compile |
css | css |
etiqueta | tag |
archivos | files |
un | a |
archivo | file |
con | with |
la | the |
también | also |
puedes | you can |
de | single |
varios | multiple |
ES Ten en cuenta que si utilizas estas variables en archivos CSS, tendrás que volver a publicar/recompilar tu archivo CSS cuando cambie uno de los valores de configuración, para que se aplique el nuevo color.
EN Please note that if you use these variables in CSS files, you will need to republish/recompile your CSS file when you change one of the settings, for the new color to apply.
espanhol | inglês |
---|---|
css | css |
cambie | change |
configuración | settings |
cuenta | note |
en | in |
si | if |
utilizas | you use |
variables | variables |
tendrás | will |
tu | your |
nuevo | new |
el | the |
archivos | files |
archivo | file |
cuando | when |
de | of |
aplique | use |
color | color |
a | to |
ES Algunos temas infantiles tienen más archivos de plantillas que sus padres.Los temas infantiles más directos incluyen un archivo style.css.Además, todos los archivos del tema del niño anulan los archivos del tema principal.
EN Some child themes have more template files than their parents. The most straightforward child themes include one style.css file. Moreover, all the child theme's files override the parent theme's files.
espanhol | inglês |
---|---|
incluyen | include |
style | style |
css | css |
plantillas | template |
temas | themes |
archivos | files |
archivo | file |
padres | parents |
niño | child |
de | some |
que | moreover |
todos | all |
ES Un tema es un único directorio de archivos. Puedes incluir archivos HTML, CSS y Javascript, módulos y archivos adicionales que pueden organizarse de cualquier manera dentro de los subdirectorios de la carpeta del tema principal.
EN A theme is a single directory of files. You can include HTML, CSS, and Javascript files, modules and additional files that can be organized in any manner within subdirectories of the parent theme folder.
espanhol | inglês |
---|---|
tema | theme |
html | html |
css | css |
javascript | javascript |
subdirectorios | subdirectories |
es | is |
directorio | directory |
archivos | files |
módulos | modules |
carpeta | folder |
la | the |
un | a |
puedes | you can |
adicionales | additional |
pueden | can |
manera | manner |
cualquier | any |
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
espanhol | inglês |
---|---|
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 @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); }
espanhol | inglês |
---|---|
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!
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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)
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
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
espanhol | inglês |
---|---|
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.
espanhol | inglês |
---|---|
propiedades | properties |
css | css |
activan | trigger |
activadores | triggers |
animaciones | animations |
rendimiento | performance |
diseño | layout |
alto | high |
más | more |
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
espanhol | inglês |
---|---|
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 |
Mostrando 50 de 50 traduções