A Andres Hernandez

Filtered Posts (Clear all)

Boosting Web Performance: Optimizing Images and Enhancing Preloading for Better LCP

Lagging page loads and a noticeable delay in the appearance of primary content can be a major frustration for users, leading to higher bounce rates and a poorer overall experience. In the rifasvelez-web project, delivering a snappy, visually rich experience is paramount, especially for initial page loads.

The Challenge

Our initial analysis revealed that unoptimized images and a suboptimal loading strategy were significantly impacting our Largest Contentful Paint (LCP) scores.

Read more

Boosting Web Performance: Optimizing Images for Superior LCP

The rifasvelez-web project is constantly striving for optimal user experience, and a crucial part of that is lightning-fast page loads. Recently, we tackled a significant refactor focused on image optimization and preloading to achieve a better Largest Contentful Paint (LCP) score.The LCP metric, a core component of Google's Core Web Vitals, measures the time it takes for the largest content element visible within the viewport to fully render. Often, this largest element is an image.

Read more

The Art of Reverting: When Performance Optimizations Go Sideways on 'rifasvelez-web'

Introduction

Optimizing web performance is a constant pursuit for developers, especially when working on projects like 'rifasvelez-web' that aim for a seamless user experience. We all strive for faster load times, smoother interactions, and impressive Lighthouse scores. The allure of a 'better LCP' (Largest Contentful Paint) and perfectly optimized images often leads us down complex paths.

Read more

Unifying UI: Building a Reusable Countdown Component in React

The rifasvelez-web project recently saw an update focusing on UI refinement, specifically the introduction of a unified React countdown component. This change addresses the common challenge of maintaining consistent user experiences across various parts of a web application when specific UI elements are repeated.

The Challenge of UI Duplication

In many web projects, certain interactive elements, like a countdown timer, appear on multiple pages or sections.

Read more
April 25, 2026 Astro SEO HTML

Boosting Search Presence: Fixing SEO Schema in Astro Projects

For our rifasvelez-web project, maintaining a strong online presence and ensuring discoverability is crucial. Search Engine Optimization (SEO) plays a vital role in this, and one often-overlooked yet powerful component is structured data, specifically SEO Schema. This post details how we addressed and fixed issues related to SEO Schema to enhance our project's visibility.

The Challenge: Unoptimized SEO

Initially, our rifasvelez-web Astro project, like many web applications, primarily

Read more

Enhancing SEO: Mastering Schema Markup in Astro Projects

In web development, visibility is key. For the rifasvelez-web project, ensuring our content is understood by search engines is paramount. This commit focused on a crucial aspect of that effort: refining and fixing the SEO Schema implementation.

Schema markup, powered by Schema.org vocabulary and typically implemented via JSON-LD, provides structured data that helps search engines like Google understand the context and details of your website's content.

Read more

Enhancing rifasvelez-web: The V2 Journey Towards Modern, Maintainable UI

Introduction

The rifasvelez-web project recently underwent significant v2 changes, aiming to refine its user interface and underlying architecture for improved maintainability and user experience. This update wasn't just about new features; it was a strategic overhaul to ensure the application remains robust, scalable, and delightful to use. A key aspect of this transformation involved modernizing our approach to styling, moving towards a more efficient and consistent methodology.

Read more

Modernizing UI: Embracing Utility-First Styling in a V2 Refresh

Our recent merge into the rifasvelez-web project, marked as v2 changes, signals a significant update to the application's user interface and experience. This update focused on refining the visual language and streamlining the styling process, moving towards a more robust and maintainable frontend architecture.

The Challenge: UI Evolution

As web applications grow, maintaining a consistent and scalable UI becomes increasingly complex. Developers often face challenges such as:

Read more
April 17, 2026 PHP

Streamlining Authentication Routes in Vehiculos-SENACAB

Introduction

The Vehiculos-SENACAB project focuses on [description]. One recent effort concentrated on improving the user authentication process by refining the routes involved in logging in.

The Issue

Previously, the routes directing users to the login functionality were not optimally configured, potentially leading to confusion or errors. Ensuring a clear and direct path to authentication is crucial for user experience and security.

The Solution

The update involved adjusting the

Read more
April 16, 2026 PHP CSS

Improving Login Modals in Vehiculos-SENACAB

The Problem

The Vehiculos-SENACAB project was experiencing issues with the presentation and options available in the login modal view. This affected user experience and potentially accessibility on different devices.

The Approach

To address this, the recent work focused on refining the login modal's view options, ensuring a cleaner and more user-friendly interface. This involved adjustments to the CSS and potentially the PHP logic that controls the modal's behavior and content.

Read more
Andres Hernandez

Andres Hernandez

Product-focused Software Developer specializing in the React ecosystem (Next.js, TypeScript). Proven experience contributing to high-impact open source projects and building scalable web applications. Committed to clean code, UI/UX design principles, and SOLID architecture to solve complex problems.