Optimisation automatique des actifs avec Munee

Munee: un puissant outil de gestion des actifs PHP, dites au revoir à Nodejs

Munee est un outil de gestion des actifs basé sur PHP qui peut compiler moins, SCSS ou CoffeeScript, Process Images, Compress CSS et JS, et cache dynamiquement des actifs du serveur et du côté client. Il prend en charge PHP 5.3 et plus tard. Ce tutoriel expliquera comment utiliser Munee pour simplifier la façon dont les actifs sont inclus dans les modèles, ainsi que leur installation, leur fonctionnement et leur utilisation. Munee fournit une alternative aux NodeJS pour la gestion des actifs des applications PHP.

Avantages de base:

• Gestion des actifs omni-usage: Munee est capable de compiler moins, SCSS et CoffeeScript, Process Images, Compress CSS et JS, et implémenter la mise en cache côté serveur et côté client. Il automatise de nombreuses tâches qui devraient être effectuées manuellement, ce qui fait gagner du temps.
• Traitement dynamique: Munee traite ou comprime ces actifs en fonction des paramètres de chaîne de requête en interceptant les demandes des clients pour CSS, moins, SCSS, JS, CoffeeScript et divers fichiers de format d'image. Il permet également la mise en cache côté serveur en stockant des actifs compilés, compressés et traités dans des répertoires distincts.
• Traitement d'images: En plus de compiler et de comprimer les fichiers CSS et JS, Munee peut ajuster dynamiquement la taille de l'image, le recadrage, la couleur et la convertissement d'images en effets de gris ou négatifs. Il peut également remplacer les images manquantes par des images par défaut et combiner des actifs pour réduire le nombre total de demandes HTTP requises pour obtenir tous les actifs.
• Facile à installer et à personnaliser: Munee peut être facilement installé via Composer et fournit un provisionnement API pour optimiser manuellement, traiter et compresser les actifs avec des programmes. Il s'agit d'un outil hautement personnalisable qui permet aux développeurs de spécifier les techniques d'optimisation pour utiliser et ajuster le niveau de compression.

Pourquoi choisir Munee?

Munee est conçu pour simplifier la gestion des actifs. Il effectue dynamiquement de nombreuses tâches que nous devions effectuer manuellement avant (c'est-à-dire lorsque le client demande des actifs), ce qui permet de gagner du temps. Voici quelques raisons pour lesquelles vous voudrez peut-être utiliser Munee:

1. Nous apportons souvent de petits changements dans les fichiers CSS, moins, SCSS, JavaScript et CoffeeScript. Chaque changement nécessite une compilation et une compression. Munee fera ces opérations automatiquement.
2. De nombreux serveurs d'hébergement Web partagé n'ont pas activé GZIP. Si vous utilisez Munee, il utilisera PHP pour compresser le fichier, en ignorant cette limitation.
3. Vous n'avez pas à vous soucier d'ajouter des directives de cache aux fichiers .htaccess . Munee sera responsable de la mise en cache des actifs côté serveur et côté client.
4. Munee peut traiter les images dynamiquement et est très pratique pour la conception Web réactive. Vous n'avez pas besoin de maintenir différents fichiers d'image pour différentes tailles.

Comment fonctionne Munee:

Une fois Munee installé, il démarrera automatiquement les actifs de cache sur le serveur, envoie l'en-tête de cache client correct et commencera à envoyer des réponses compressées GZIP, ainsi qu'à la sortie de compilation dans les fichiers moins demandés, SCSS et Coffeescript.

Pour fournir des instructions pour le traitement des images ou la compression des fichiers CSS et JS, vous devez ajouter des paramètres de chaîne de requête au chemin d'attente.

Pour pouvoir traiter ou compresser les actifs, Munee doit intercepter les demandes des clients pour CSS, moins, SCSS, JS, CoffeeScript et divers fichiers de format d'image. Pour que Munee intercepte les demandes des clients pour ces actifs, nous devons ajouter des règles de réécriture interne au fichier .htaccess (Nginx Description est également ci-dessous).

Munee utilise d'autres bibliothèques tierces (comme Imagine, Leaf, Meenie, Tedivm, etc.) pour redimensionner, traiter, compiler et comprimer les actifs.

Les paramètres de chaîne de requête utilisés pour fournir des instructions à Munee sont appelés filtres.

Comment Munee cache les actifs?

Pour implémenter la mise en cache client, il définit l'en-tête de contrôle du cache: doit-il-réalider lors de l'envoi d'une réponse à l'actif demandé. Il lit également l'en-tête de cache dans la demande HTTP et envoie une réponse ou 304 État non modifié selon qu'il existe les derniers actifs dans le cache client.

Pour implémenter la mise en cache côté serveur, il stocke les actifs compilés, compressés et traités dans un répertoire séparé.

Il détecte les modifications de l'actif d'origine lors de l'exécution. Lorsqu'il détecte les modifications de l'actif d'origine, il met à jour le cache du serveur et oblige le client à utiliser le dernier fichier.

Installation de Munee:

Installez avec la commande suivante:

composer require meenie/munee

Si vous essayez d'installer Munee sur un serveur d'hébergement partagé, utilisez le compositeur Exiger Munee manuellement sur votre ordinateur local et téléchargez le répertoire du fournisseur sur le serveur d'hébergement.

Maintenant, nous devons créer un fichier PHP responsable de l'optimisation, du traitement, de la compilation et de la compression des actifs à l'aide de Munee. Pour ce faire, créez un fichier PHP appelé munee.php:

<?php
require "vendor/autoload.php";

echo \Munee\Dispatcher::run(new \Munee\Request());

Maintenant, nous devons rediriger les demandes d'actifs pour CSS, moins, SCSS, JS, CoffeeScript et divers fichiers de format d'image vers munee.php . Nous pouvons le faire en utilisant les règles de réécriture de l'URL interne du serveur.

Si vous utilisez Apache, placez ce code dans le fichier .htaccess dans le répertoire où le fichier munee.php :

RewriteEngine On
RewriteRule ^(.*\.(?:css|less|scss|js|coffee|jpg|png|gif|jpeg))$ munee.php?files=/ [L,QSA,NC]

Si vous utilisez Nginx, vous devez modifier les paramètres d'hôte virtuels réels pour les règles de réécriture d'URL en fonction de ce problème et de ce Gist.

si .htaccess est désactivé sur votre serveur, ou si vous ne souhaitez pas utiliser .htaccess pour la réécriture, vous pouvez ensuite passer manuellement le chemin de fichier à Munee.php au lieu d'utiliser le chemin d'attente dans HTML.

Pour le reste de ce tutoriel, nous supposerons que vous utilisez .htaccess.

Tous les actifs de l'arborescence du répertoire où Munee sont installés seront optimisés.

(Le contenu suivant est un bref résumé du reste du texte d'origine pour éviter la duplication et la redondance)

Compiler SCSS, moins et CoffeeScript: Pointer simplement ces fichiers dans HTML et Munee gérera automatiquement la compilation côté serveur.

Compress CSS et JS Fichiers: Ajoutez le paramètre minify=true au chemin d'attente dans HTML.

Traitement des images: Munee permet le redimensionnement dynamique, le recadrage et l'ombrage des images, et prend en charge la niveale des gris, la conversion de film négative et les espaces réservés pour les images manquantes. La taille de l'image et le recadrage peuvent être contrôlés à l'aide du filtre resize, et une alternative aux images manquantes peut être configurée dans le tableau placeholders. Munee a des mécanismes de sécurité intégrés pour prévenir les demandes de traitement des images malveillantes. munee.php

Assets combinés: Utilisez des chemins de fichier séparés par des virgules en HTML pour combiner plusieurs fichiers CSS ou JS.

API MUNEE: Fournit des applications d'approvisionnement en API pour optimiser manuellement les actifs.

Résumé: Munee est idéal pour gérer dynamiquement les actifs.

FAQ (FAQ): (La partie FAQ d'origine a été résumé et les informations de base sont conservées)

Munee est une bibliothèque PHP autonome pour automatiser une variété de tâches d'optimisation des performances Web. Comparé à d'autres outils, il ne nécessite aucun logiciel supplémentaire, est très flexible et personnalisable, et prend en charge une variété de types de fichiers et de technologies d'optimisation. Il peut gérer l'optimisation de l'image, les optimisations CSS et JavaScript et prend en charge les paramètres d'optimisation personnalisés. Les exigences du système sont PHP 5.3 ou plus, ainsi que la bibliothèque GD et la bibliothèque de compilation moins / SCSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!