Assets

 Compartiu 

A vegades també s'utilitza la paraula Recurs o Resource com a sinònim d'Asset

Assets

Aplicacions web

Els assets solen ser tot allò que no és dinàmic des de la perspectiva del servidor (en resum tot el que no sigui codi de servidor):

• Imatges, vídeos, fitxers o qualsevol altre contingut estàtic
• Javascript: javascript és un llenguatge de programació i evidentment proporciona dinamisme però des de la perspectiva del servidor és un contingut estàtic proveït tal qual (as if) des del servidor al client (navegador). És el navegador el que proporciona/interpreta el javascript aportant dinamisme
• CSS: el comentari és similar

Android

Vegeu Android resources

Asset managment

http://robertnyman.com/2010/01/19/tools-for-concatenating-and-minifying-css-and-javascript-files-in-different-development-environments/

La gestió dels recursos/Assets managment és el procés de gestionar els recursos d'una aplicació. Entre d'altres tasques durant la gestió de recursos us podeu trobar amb la necessitat de:

• Combinar: múltiples fitxers en un únic fitxer. Normalment la combinació es fa per tal d'evitar múltiples peticions HTTP i augmentar el rendiment de l'aplicació
• Minificar:

Eïnes:

Analitzar la velocitat de les pàgines:

• PageSpeed de google. A la URL https://developers.google.com/speed/pagespeed/insights/ es pot passar una web i analitza el que es pot fer per optimitzar-la
• YSlow de Yahoo

Minificar

CSS:

• YUI Compressor i cssmin.js.

Javascript

• Closure Compiler, JSMin o YUI Compressor.

Si observeu la majoria de tasques estan relacionades amb la millora del rendiment i de fet altres trucs/tasques poden ajudar:

Evitar peticions HTTP (HTTP Requests):

• Replace multiple images with image sprites
• Merge JavaScripts into a single file
• Merge stylesheets into a single file
• Combine Ajax requests

Compress assets

Resources:

• http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites
• https://developers.google.com/speed/docs/insights/MinifyResources?hl=es

Llenguatges de programació

PHP

Abans del boom de NodeJS cada framework tenia la seva pròpia eina per a la gestió dels assets ara és més comú utilitzar Grunt o Gulp

• Laravel

• Laravel Elixir utilitza Gulp

• Symfony

• Assetic

Python

• Webassets

Javascript

• Grunt
• Gulp. Interessant Gassetic una alternativa a Assetic amb Gulp: https://github.com/romanschejbal/gassetic

Java

Android

• Android resources i Gradle/Ant

Icons

Icons

• https://thenounproject.com

Vegeu també

• Laravel Elixir
• Asset Manager
• Javascript
• CSS
• Build Tools:

• Gradle/Ant utilitzats al món Java/Android
• Gulp o Grunt utilitzats al món client side: CSS/HTML/[Javascript]]

• Google PageSpeed

Enllaços externs

• http://www.wordreference.com/es/translation.asp?tranword=asset
• http://code.tutsplus.com/articles/web-assets-tips-for-better-organization-and-performance--net-33950
• http://www.dreamtechnology.es/blog/que-es-minificar-html-javascript-css/