Showing posts in HTML


post image

Emmet, el plugin que todos deberían tener

2020-10-21 HTML

El emmet fue para mí el primer plugin que instalé en un editor de texto para mejorar la productividad cuando desarrollaba en HTML y CSS. Recuerdo que en aquellos tiempos utilizaba SublimeText 2 y estaba aprendiendo también PHP. También recuerdo que ver...

by Darío Rivera


post image

Qué es el CSS Crítico y cómo puede optimizar el FCP ?

2020-05-30 HTML

Los navegadores web tratan los archivos CSS como recursos que bloquen la presentación (Render-blocking CSS). Esto quiere decir, que estos archivos se descargan, parsean y ejecutan antes de renderizar la página web al usuario. Pero por qué es importante ...

by Darío Rivera


post image

Cómo cargar fuentes web de manera inteligente

2020-05-29 HTML

Utilizar fuentes personalizadas al día de hoy mejora notablemente la apariencia visual de una página web. Sin embargo, cargar fuentes web de la manera estándar puede reducir el desempeño de tu página en varias formas que tal vez no hayas considerado. ...

by Darío Rivera


post image

Optimizar tiempos de carga web en archivos CSS

2020-05-28 HTML

Uno de los aspectos más representativos en el tiempo de carga de una página web son sus archivos CSS. La razón es simple, los navegadores paran el rederizado de la página hasta no haber cargado, parseado y ejecutado cada uno de los archivos CSS dentro ...

by Darío Rivera


post image

Implementar reCAPTCHA v2 con checkbox

2020-05-03 HTML

El día ayer vimos los diferentes tipos de reCAPTCHA provistos por Google en nuestro post Agregar reCAPTCHA a tus formualrios. Cada tipo de reCAPTCHA sirve para un propósito diferente como te habrás dado cuenta, el día de hoy veremos cómo implementar e...

by Darío Rivera


post image

Agregar reCAPTCHA a tus formularios

2020-05-02 HTML Laravel 6x

Los sitios web que empiezan a tener un tráfico de red elevado comienzan a experimentar spam en formularios de contacto, cajas de comentarios y cualquier formulario que sea de fácil llenado en el sitio. Se hace realmente molesto clasificar cada mensaje pa...

by Darío Rivera


post image

Add reCAPTCHA to your forms.

HTML

Websites that begin to have a high network traffic start experiencing spam in contact forms, comment boxes and any form that is easy to fill out on the website. It becomes really annoying to classify each message to obtain those that are not fake. That is ...

by Darío Rivera


post image

Implement reCAPTCHA v2 with checkbox.

HTML

Yesterday we saw the different types of reCAPTCHA provided by Google in our post Add reCAPTCHA to your forms. Each type of reCAPTCHA serves a different purpose as you may have noticed, today we will see how to implement the typical "I'm not a robot" from v...

by Darío Rivera


post image

How to intelligently load web fonts

HTML

Using up-to-date custom fonts significantly improves the visual appearance of a web page. However, loading web fonts in the standard way can reduce your page performance in several ways that you may not have considered. The most important ones are: Resourc...

by Darío Rivera


post image

Optimize web loading times in CSS files.

HTML

One of the most representative aspects in the load time of a web page are its CSS files. The reason is simple, browsers stop the rendering of the page until each of the CSS files within the head tag have been loaded, parsed and executed. This means that if...

by Darío Rivera


post image

Emmet, the plugin that everyone should have.

HTML

Emmet was the first plugin I installed in a text editor to improve productivity while developing in HTML and CSS. I remember using SublimeText 2 at that time and was also learning PHP. I also remember being totally amazed by the capabilities of this plugin...

by Darío Rivera


post image

Render-Blocking and Content-Blocking: how to prevent them.

HTML

Content that blocks the presentation are external resources loaded by a page such as CSS, JavaScript, fonts and others that stop the HTML parsing to download and execute, to later resume parsing.This behavior generates several problems at performance level...

by Darío Rivera