Je vais réparer des tableaux et listes angular lents avec défilement virtuel


À propos de ce service
Traduction automatique
Votre tableau Angular se fige-t-il lors du chargement de plusieurs milliers de lignes ? Un défilement qui prend des secondes, un onglet du navigateur qui se bloque — il s’agit d’un problème de rendu et il existe une solution claire.
CE QUE JE FAIS
- Défilement virtuel : seules les lignes et les colonnes visibles sont rendues
- en-têtes et colonnes collants qui restent corrects pendant le défilement
- virtualisation horizontale pour les tableaux larges avec plus de 100 colonnes
- réglages de la détection des changements et du trackBy
- mesures avant/après afin que vous puissiez voir la différence
MON EXPÉRIENCE
J’ai mis en place une virtualisation verticale et horizontale from scratch pour une application Angular en production avec des tableaux comportant plusieurs milliers de cellules, y compris des colonnes fixes et des largeurs de colonnes dynamiques. Angular CDK ne couvre pas ce cas, j’ai donc implémenté moi-même les calculs de défilement.
Je travaille avec Angular 2 à 19, Angular Material et des composants de tableau personnalisés.
IMPORTANT - ENVOYez-MOI UN MESSAGE AVANT DE COMMANDER
Des tableaux lents ne proviennent pas systématiquement du rendu. Parfois, la véritable cause est une réponse API lourde ou une requête backend, et la virtualisation du défilement ne sera pas utile.
Envoyez-moi d’abord votre dépôt ou le composant tableau. Je le vérifierai et vous dirai honnêtement si je peux le corriger, et quel paquet convient le mieux.
Découvrez Roman
Angular and TypeScript Developer, Electron Desktop Apps, Bug Fixing
- DeUkraine
- Membre depuisoct. 2026
Langues
Ukrainien, Anglais
Traduction automatique
Autres services de Développement de logiciels I Offre
FAQ
Traduction automatique
Pouvez-vous rendre mon tableau plus rapide sans le réécrire ?
Dans la plupart des cas oui. Le défilement virtuel est ajouté autour de votre tableau existant, de sorte que le balisage et la logique restent les mêmes. Je vous dirai si une réécriture est inévitable avant de commencer.
Combien de lignes peut-il gérer après la correction, et comment le mesurez-vous ?
Des dizaines de milliers de lignes défilent sans à-coups — seule la partie visible est rendue. Je mesure avant et après : FPS de défilement, temps de rendu et nombre de nœuds DOM. Un tableau contenant 50 000 éléments passe généralement à quelques centaines. Les secondes exactes dépendent de vos données et de votre appareil.
Et si la lenteur ne vient pas du tableau ?
Alors je vous le dirai avant que vous commandiez, et vous ne paierez pas pour un travail qui ne peut pas aider. Envoyez-moi le dépôt ou le composant en premier et je vérifierai.
Travaillez-vous avec ag-Grid ou PrimeNG ?
Je travaille principalement avec Angular Material et des composants de tableau personnalisés. Pour ag-Grid ou PrimeNG, envoyez-moi le code d'abord afin que je puisse confirmer que je peux vous aider avec votre configuration spécifique.
Pouvez-vous travailler sur un projet privé ou soumis à NDA ?
Oui. Je travaille régulièrement sur des projets propriétaires soumis à des règles strictes de confidentialité et je suis prêt à signer un NDA avant de commencer.

