La belleza de ser un diseñador web es la creación de un detallado, creativo y original diseño de páginas web en Photoshop, sin tener que (en su mayor parte) pensar en cómo será codificada.

Durante la fase de diseño, es todo acerca de la mirada, y la codificación puede ser atendida más tarde, o la subcontratación a un desarrollador.

Pero a veces muchas cosas del diseño son sofisticadas para el codigo y las paginas quedan pesasdas o lentas y su tiempo de carga es prolongado,  y esto sabemos que no sirve ni para el SEO ni para los usuarios.

Por eso, es que en este artículo encontrará algunos consejos para diseñadores aprender XHTML Basic / CSS conversión eficiente para una carga rapida de página web que sea precisa para el PSD original.

1. Efectivamente Slice

El primer paso es ver estos tutoriales, y tomar los puntos más importantes de ellos: saber qué imágenes para cortar, cómo optimizar las imágenes para el equilibrio de calidad y velocidad, y qué elementos de la División del Sector Privado debe ser sencilla XHTML y CSS .

Simplemente observando un proceso de desarrollo más experimentado y la explicación puede ayudar a un diseñador con poco cortado y el testimonio de la experiencia de codificación de un proceso que es más eficiente.

2. Simplifique CSS

A veces, el camino primero busca una manera de utilizar CSS para lograr un efecto determinado no es la mejor manera de hacerlo. Si usted se encuentra la creación de clases personalizadas de más, o tácticas complicado de lo contrario, para lograr un efecto, pensar en una forma alternativa de hacerlo más eficiente.

En su mayor parte, esto viene con la experiencia. Cuanto más código de un sitio web y descubrir nuevas técnicas, más fácil usando CSS efectivamente van a recibir.

3. Minimizar Formato HTML

Cuanto más pequeño es el tamaño del archivo, más rápida es la carga, y es tan simple como eso. Uso de taquigrafía CSS y reducir al mínimo la longitud de marcado XHTML mediante la reutilización de elementos es una gran manera de hacer esto.

Codificación de un sitio web completo tiene que haber un equilibrio de marcado y el estilo que el marcado con el CSS. De marcado debe ser utilizado para la estructura y CSS deben ser utilizados para el estilo, por lo que una gran manera de encontrar ese equilibrio es mantener esto en mente.

4. Smush.it

Utilice una herramienta como Smush.it de Yahoo. Una herramienta como ésta utiliza un algoritmo de compresión que reduce considerablemente el tamaño del archivo, sin sacrificar la calidad de imagen. Un promedio de alrededor del 40% de reducción de todas las imágenes puede hacer una gran diferencia en el tiempo de carga de un sitio web.

5. Preste atención a los CSS y marcado de Orden

Tener los elementos estructurales antes de que los elementos de contenido, o el estilo blockquote antes de que el estilo de párrafo no hará una carga de hojas de estilo más rápido. Sin embargo, una hoja de estilos se carga en el orden en que se presenta en la hoja de estilos, de modo que se puede usar eso para hacer que un sitio web se carge más rápido.

Por ejemplo, si en una hoja de estilo, todo el contenido, imágenes y estilo del texto se definió por primera vez, estos elementos se carga antes de que los fondos, elementos estructurales, o imágenes de diseño fueron cargados. Debido a esto, parece como si el diseño web se está cargando un poco más lento que si hemos visto los antecedentes y la primera estructura. Con la estructura y la imagen principal de la primera, el espectador tiene que centrarse en esos segundos para que el contenido sigue siendo de carga.

6. Saber cuando usar del lado del cliente o de servidor de secuencias de comandos

Algunas secuencias de comandos pueden ser necesarias para un sencillo formulario de contacto o para los efectos especiales de navegación.

Sea lo que sea para dos tipos de lenguajes de programación pueden ser utilizados: del lado del cliente (donde el lenguaje de script se ejecuta en el navegador del usuario), o del lado del servidor (el lenguaje de script se ejecuta en el servidor).

Scripting

JavaScript, y una biblioteca en virtud del mismo, es el cliente más común lenguaje de scripting. Debido a que se ejecuta localmente en el navegador del usuario, no tiene que correr todo el camino hasta el servidor para hacer su procesamiento, lo que hace más rápido, funciona muy bien en pequeñas dosis y cuando se usa apropiadamente.

7. Validacion

Esto es obvio para la mayoría de nosotros, pero como con cualquier otro artículo como este, hay que decir: en todo el proceso de codificación, y cuando es dicho y hecho todo, validar el código CSS y XHTML.

Todos conocemos los beneficios de la validación, en el que puede hacer varios navegadores hacen del mismo modo, hacer que las páginas web se cargan más rápido, y es un corrector de error general para el código semántico.

• No related posts