Microsoft.Web.Optimisation : ou comment optimiser une application ASP.NET en utilisant le regroupement et la minification à la volée du JavaScript et CSS

Le temps de chargement d’une page est un facteur important dans l’évaluation des performances d’un site Web. Il a un impact non négligeable sur l’expérience utilisateur et même sur le référencement naturel.

Plusieurs techniques peuvent être utilisées pour optimiser les performances d’une application Web (mise en cache, compression des fichiers, minification, etc). Je vais me pencher aujourd’hui sur le package NuGet d’optimisation d’un site Web « ASP.NET Optimization – Bundling » qui a été publié récemment par Microsoft.

Ce package ajoute le support du regroupement et de la minification des fichiers JavaScript et CSS – qui sont des caractéristiques d’ASP.NET 4.5 et ASP.NET MVC 4 (disponibles actuellement en version Developper Preview) – avec le minimum d’effort pour les applications ASP.NET 4 et ASP.NET MVC.

Lire la suite

ASP.NET MVC : résoudre l’erreur « A circular reference was detected while serializing an object of type… »

En travaillant sur une application Web ASP.NET MVC dans laquelle j’utilise Entity Framework 4 Code First, j’ai eu l’erreur suivante : «A circular reference was detected while serializing an object of type… » lorsque j’ai essayé de retourner une classe Entité au client comme un document JSON.

Lire la suite

ASP.NET MVC 4 : ce qui est à venir après la Developer Preview

Avec la publication de la première version Developer Preview d’ASP.NET MVC 4, les développeurs ASP.NET ont pu avoir un premier aperçu de la prochaine mise à jour majeure de la plateforme Web.

Pour rappel, ASP.NET MVC 4 Developer Preview apporte un nombre intéressant de nouveautés, dont les plus importants sont : le support des plateformes mobiles et tablettes, l’intégration d’un nouveau modèle de projet Web, l’introduction des recettes, des méthodes asynchrones, etc.

En regardant par hasard la feuille de route (roadmap) du projet sur CodePlex, j’ai constaté les développeurs du framework Web avaient encore beaucoup de boulot avant la publication de la version finale de l’outil.

Lire la suite

ASP.NET MVC 4 Developer Preview : amélioration du modèle de projet web avec le rendu adaptatif

J’avais dans un premier billet de blog, juste après la sortie de la Developer Preview d’ASP.NET MVC 4 présenté sommaire l’ensemble des fonctionnalités disponibles. Dans deux autres billets, je suis revenu de façon assez détaillée sur les nouveautés pour le support du mobile et des tablettes. J’ai également décrit comment créer une première application Web mobile et comment y implémenter des vues multiples qui seront affichées automatiquement en fonction du type de navigateur (Desktop ou Mobile) qui accède la page.

Dans le même ordre d’idée, nous allons continuer à explorer les nouveautés du Framework Web avec cette fois, une analyse détaillée des améliorations apportées au modèle Web par défaut.

Lire la suite

ASP.NET MVC 4 Developer Preview : jQuery Mobile, View Switcher et Browser Overriding

Dans mon précédent billet de blog, nous avons créé notre première application mobile en utilisant le nouveau Template qu’apporte ASP.NET MVC 4. Nous avons également découvert une puissance fonctionnalité introduite par le Framework Web pour le soutien des modes d’affichage.

Avec ces nouveautés, nous avons sans apporter aucune modification à nos modèles et contrôleurs, créé des vues personnalisées pour les navigateurs Desktop et les navigateurs mobiles.

Dans ce billet, nous verrons comment procéder autrement en utilisant le package Nuget JQuery.Mobile.MVC.

Lire la suite

ASP.NET MVC 4 Developer Preview : nouveautés pour la prise en charge des mobiles

Dans l’un de mes précédents billets de blog, j’avais déjà annoncé la disponibilité immédiate en téléchargement de la version Developer Preview du Framework Web ASP.NET MVC 4.

J’avais également indiqué dans cet article que je reviendrais prochainement en détail sur les nouveautés et améliorations de MVC 4.

Vous avez surement attendu patiemment le premier article sur le sujet, mais entre la charge de mes obligations professionnelles, mes travaux sur DVP et la finalisation de l’article sur Nuget, je n’avais plus assez de temps pour commencer à jouer avec MVC4 et partager mon retour d’expérience sur ce blog.

Comme le dit le dicton « mieux vaut tard que jamais », j’ai finalement eu assez de disponibilité pour me pencher sur le sujet et écrire ce billet qui sera axé principalement sur le support du mobile et des tablettes dans MVC 4.

Comme vous le savez certainement, l’une des principales nouveautés dans ASP.NET MVC 4 Develpper Preview est la possibilité d’écrire avec le minimum d’effort des applications Web optimisées, pouvant cibler plusieurs types de dispositifs différents (PC, Mobiles et Tablettes) ayant des écrans de différentes tailles.

Au travers de cet article durant laquelle nous allons créer notre première application ASP.NET MVC pour mobile, nous découvrions les nouveautés suivantes qui ont été introduites par MVC 4 :

– le nouveau modèle d’application mobile;

– Modes d’affichage (Display Modes)

* le mécanisme de basculement entre la vue mobile et la vue desktop d’une application ;

* la création des vues spécifiques en fonction des dispositifs (iPhone, Windows Phone, etc.).

Lire la suite

Premier aperçu d’ASP.NET MVC 4, le Framework Web se met à l’heure du mobile et tablettes

La conférence Build de Microsoft –comme je l’attendais – a été riche en annonce et présentation.

Lors de cet événement, Microsoft a donné un premier aperçu des différents produits en cours de développements ou encore en gestation dont le plus important était la présentation de la préversion de Windows 8 avec une tonne de nouvelles fonctionnalités.

Étant en déplacement ces deux derniers jours, je n’ai pas pu comme je le souhaitais suivre en direct sur la WebTV de Microsoft les sessions qui m’intéressaient particulièrement.

Heureusement, pour les absents, les vidéos des différentes sessions sont disponibles en streaming et téléchargement.

Je m’éloigne un peu de l’objet de ce billet de blog, mais s’était nécessaire de rappeler ces quelques informations avant de se plonger dans le vif du sujet du jour ;).

Lire la suite