Te muestro como acelerar Taringa en un 500% (UpDate 16/08)

IMPORTANTE: Al Final del Post iré agregando las Soluciones a los problemas que van planteando en Comentarios Buenas, como bien dice el título, hoy les voy a enseñar a acelerar Taringa (o cualquier sitio web que naveguemos frecuentemente) en un 500% y a configurarlo como más les guste, eligiendo las opciones que usamos y descartando lo que no nos gusta o no usamos nunca.Hace un tiempo hice un post titulado "Despedite de los Posts Largos" donde hablé, bah.. me quejé, de lo que en ese momento parecía un bug, y hoy son los interminables relacionados a la derecha de los posts. Link al Post en cuestión porque si alguien lo quiere leer: (Click Aquí) En ese post me tomé el trabajo de contar las miniaturas de los posts relacionados y calcular cuanto pesaban en total ya que la carga del mismo post se había extendido notablemente. Conté 269 imágenes con un peso de 208kb cada una, lo que nos da un peso extra a nuestro post de más de 55 MB en fotitos de posts relacionados, muchos no entendieron el post, pero para que tengan una idea, este post, con 40 imágenes gigantes, de 1366 x 768 pxls, pesa tan solo 15MB, o sea, casi 4 veces menos que lo que aparece en el costado derecho del post. En ese posts varios usuarios me dieron la idea de ocultarlo con algún bloqueador pero yo estaba convencido de que el peso iba a existir igual ya que creía que la petición al servidor se iba a hacer de todas formas, pero resulta que no, y ayer, uno de los chicos me preguntó como había hecho Taringa de esa forma, a lo cual le respondí que en Photoshop, recién hoy caí que tal vez me preguntaba sobre esto que les voy a explicar y no sobre la imagen de mi post del sueño de ayer. Así que arranquemos: _______________________________________________________________________________________ Materiales Necesarios: 1. Bloqueador de Publicidad (o de anuncios que es lo mismo) _______________________________________________________________________________________ Mi Top 5 de Bloqueadores: Les dejo, lo que a mi entender, me parece mejor y peor de cada uno, luego ustedes usen el que quieran, el que les guste más o les funcione mejor. (UpDate: Modifiqué el ranking en concepto de lo que dijeron en comentarios) 5. AdBlock: Nunca lo usé, siempre usé el Plus, pero las pruebas de rendimiento lo marcan como más pesado que el Plus, así que queda como último recurso en mi lista. 4. AdBlock Plus: Siempre lo usé hasta, tiene muchísimas opciones y está muy bueno, pero el consumo de memoria ram lo hace muy pesado y es un derroche de recursos al pedo. 3. Adguard: Noto que consume apenas un poco menos que uBlock, pero le encontré algunos errores, no con la publicidad, sino al ocultar Div's (capas) que ya verán más adelante, a veces se muestran, otras no, no es 100% confiable en cuanto a reglas establecidas por el usuario. 2. uBlock Origin: Sigue siendo del desarrollador original "gorhill", lo que pasó es que gorhill dejó de darle mantenimiento a la extensión y se la dejó a cargo a otro desarrollador amigo suyo "chrismatic", luego gorhill lanzó una actualización de su extensión pero Google la dio de baja por el problema de tener el mismo nombre "ublock" que la original, por eso le cambió el nombre a "ublock Origin". Aporte de @_jLz_ 1. uBlock: Y si, adivinaron, uso uBlock porque consume poca memoria, es de código abierto, es gratis, no falla con las reglas, las opciones están bien, hace todo bien. Es el ganador. Dejo uBlock en el primer puesto porque es el que usé para armar el post. Importante: No instalen los 5 bloqueadores porque estarán desperdiciando recursos al pedo, todos toman las mismas listas para bloquear url's así que con uno alcanza, es totalmente al pedo tener 5 extensiones haciendo lo mismo. _______________________________________________________________________________________ Arrancamos, Yo lo haré con uBlock, ustedes usen el que quieran: Las imágenes están a tamaño real por si necesitan verlas en grande le dan Botón Derecho "Abrir imagen en una pestaña nueva" Así es como se ve Taringa sin bloqueador de anuncios (por si no la ven hace años). realmente no molesta esa publicidad en el home pero va en gustos, así que si quieren sacarla, están en todo su derecho. Ahora vamos a descargar la extensión, por razones obvias, y por las dudas para que no me eliminen el post, no dejaré links de descargas, por más que sea una extensión gratuita y de código abierto. Como dije, usaré uBlock para el post pero ustedes usan el que les funcione mejor. Van a "Download" y eligen el navegador que usan frecuentemente, en mi caso, Google Chrome. Les abrirá una nueva pestaña con la pagina de extensiones de Chrome, le dan en "Añadir a Chrome". En el cartelito de confimación le dan a "Añadir" y esperan a que descargue dicha extensión. Cierran el aviso y las dos pestañas que abrieron para descargar, luego actualizan T! y listo. Las publicidades habrán desaparecido. Le dan click al iconito marcado con el círculo rojo para abrir el panel de uBlock Luego hacen click en la barrita gris donde está la tuerquita para entrar a la configuración de uBlock Vamos a la tercera solapa llamada "Filtros de terceros" y acá tenemos dos opciones. 1. Destildar todo en donde dice "anuncios" y luego ir bloqueando de a una la publicidad que nos parezca molesta. 2. Dejar tildado como estar y bloquear toda la publicidad para todos los sitios. En mi caso, yo tildo todas las opciones, además tildo todo el apartado llamado "Social" para que bloquee los botones de redes sociales como Facebook, Twitter, G+, etc, porque no uso redes sociales. Luego de elegir que opciones queremos que se apliquen como regla general a todos los sitios que naveguemos, le damos al botón "Actualizar Ahora" para que cargue las listas. Dependiendo de las opciones tildadas, tardará más o menos en cargar, pero esperen que se complete esa barrita azul, luego pueden cerrar la pestaña. _______________________________________________________________________________________ Configurando el Home de Taringa!: _______________________________________________________________________________________ Ya en la portada de Taringa, le dan click al icono de uBlock y luego en el "gotero" como muestra la imagen. Verán que la pantalla se pone negra e irá resaltando sectores de distintos tamaños a medida que movemos el mouse, ese resalte indica la "DIV" (capa) que contiene lo que sea que esté dentro, por ejemplo, yo ya sé que los números debajo de lo resaltado son las estadísticas, así que voy a eliminar ese texto. Aclaro que esto queda fijo como regla, cada vez que volvamos a entrar, no estará. Se puede revertir, más adelante les muestro como. Selecciono la div que contiene el texto "estadísticas" Luego de hacer click en el objeto que queremos, movemos el mouse hacia el margen inferior derecho y nos aparecerá un mensaje como este, hacemos click en "Crear" y lo que decía "Estadísticas" desaparecerá. Este módulo, a mi me parece totalmente al pedo, así que también lo elimino de la misma forma, recuerden que todo lo que vayan sacando está haciendo que la pagina cargue más rápido porque son menos cosas las que tiene que cargar. Así que cuanto menos cosas haya, más rápido cargará. Jamás entré a Taringa Música, desde que está ese módulo, jamás vi un artista que me llame la atención como para darle click, así que afuera. Otro módulo importante menos en mi portada. La pestaña "En ascenso" es otra cosa que jamás usé, no me interesa saber si los posts suben o bajan. Se va. También se pueden eliminar elementos del menú, yo por ejemplo quité: Tops, Juegos, T! Música, y Comunidades. Son opciones que no uso. Tampoco miro la portada de otros países, así que es una opción al pedo para mi. Se va también. Los links del pie de pagina rara vez los uso, así que si los necesito, desactivo un instante el bloqueador y listo, pero por lo general, no los uso, así que también se van. Mi portada va quedando cada vez más limpia. Finalmente así es como queda mi portada de Taringa, con todo los elementos que quité, la carga es mucho más rápida y realmente hay una diferencia abismal de velocidad de carga y respuesta. _______________________________________________________________________________________ Configurando el MI de Taringa! _______________________________________________________________________________________ ¿No les molesta ese cartel que dice "Encuentra a tus amigos en Taringa"? Si quiero encontrar un amigo, lo llamo por teléfono o voy a la casa jajaja, en fin.. a mi me molesta mucho, pero con el mismo procedimiento lo podemos quitar, ojo, hay que hacerlo 2 ó 3 veces porque el contenedor tiene más de una capa. Como ya dije cuando configuramos el Home, no escucho música en Taringa, así que ese botón no me sirve para nada, otra cosa que se va. Otro módulo para encontrar amigos, también afuera. Y así es como finalmente se ve mi MI, valga la redundancia. _______________________________________________________________________________________ Configurando los Posts _______________________________________________________________________________________ Este es el punto más fuerte y fue el punto de partida del post, donde vamos a poder reducir el peso de carga total en más de un 500%. ¿Y cómo lo haremos? Primero, eliminando los relacionados interminables de la columna derecha, esto ya nos quitará el 400% de peso de nuestro post. A la bosta también el cartel "También te puede interesar..." y los relacionados que están debajo, a estos también hay que hacer el procedo 2 ó 3 veces hasta que desaparezcan. Así queda como veo yo el final de post y principio de comentarios. ¿Lindo no? Eliminando el último módulo debajo del cuadro para comentar, siempre entro a un post por verlo en portada o recientes, no por los relacionados, así que no me interesan y hacen que el post tarde el doble en cargar, eliminando estos, y los que están arriba de los comentarios, ganamos el 100% de velocidad restante en la carga del post. Totalizando un 500% más de velocidad de carga. Observen que limpio está el pie de pagina en un post. Realmente van a disfrutar de la nueva velocidad de carga. De esta forma es como visualizo los posts, sin relacionados ni nada más que el post en si. _______________________________________________________________________________________ Configuración Agregar Post _______________________________________________________________________________________ Pero no todo es color de rosas, Noté que cuando iba a crear un post, me faltaban opciones, obviamente porque deben estar dentro de un módulo que oculté previamente, pero calma... he aquí la solución. Como podrán observar, falta la opción para elegir la categoría. Pero lo podemos arreglar. Volvemos al panel de configuración de uBlock, (si no recuerdan como hacerlo, lo buscan más arriba), y nos vamos a la solapa llamada "Lista blanca" ahí pegamos la url: http://www.taringa.net/agregar y le damos a "Aplicar" refrescamos la página haciendo una nueva petición al server con Ctrl + F5 y listo, tenemos la página como si no tuviéramos bloqueador, solo resta bloquear lo que queramos de esta página en particular. Esto es aplicable a ciertas partes de Comunidades, pero ya saben como arreglarlo. En mi caso, bloqueo los botones que jamás uso. Y obviamente el pie de pagina que tampoco uso muy seguido. _______________________________________________________________________________________ Opcional a Criterio de cada uno _______________________________________________________________________________________ En el caso remoto de que el post te haya parecido una genialidad, hayas quedado loco de contento con lo que viste, te haya servido muchísimo, haya aportado a la inteligencia colectiva que tanto reclamamos, te haya cambiado la vida en internet para siempre y quieras agradecer al creador del post, que se tomó el trabajo de hacer 40 mil imágenes, cortarlas, editarlas, escribir y explicarte todo esto de la forma más sencilla para que todo el mundo lo entienda, te voy a dejar la opción de hacerlo, sin ningún compromiso, claro está, como dice el título, a criterio de cada uno. Vas otra vez al icono de uBlock, y hacés click en el botón celeste de apagado. Luego hacés click en el botón gris como marca la imagen, donde están las flechas giratorias que indican actualizar. Esperás que cargue la publicidad, y si todavía estás contento y tenés más ganas de agradecer lo que viste, le das un click a esa publicidad, luego que cargue, la cerrás. Eso le dará ganas a los creadores de postear contenido copado y no noticias de cuarta copiadas de sitios que ni los dueños entran. Luego lo volvés a activar y refrescás la pagina haciendo click en el mismo botón gris, y listo, eso es todo. Ya estás listo para seguir navegando Taringa! a la máxima velocidad posible. |||||| Resumen Para Taringueros Nivel 5 ||||| _______________________________________________________________________________________ "Quitando elementos que no solemos utilizar con un bloqueador de publicidad, lograremos un incremento de un 500% o más en velocidad y tiempo de carga en Taringa! o en cualquier otro sitio web que configuremos de igual forma. La diferencia de velocidad de navegación es realmente significativa y fácilmente comprobable." _______________________________________________________________________________________ _______________________________________________________________________________________ Soluciones a Problemas Planteados En Comentarios _______________________________________________________________________________________ 1. Me mandé una cagada y ahora no veo tal parte de la pagina: No es necesario desinstalar la extensión, podemos ir a las reglas y borrar las últimas, no es necesario que comprendan que significa cada regla, si por ejemplo le diste a eliminar algo 3 veces, y no te gusta, borrás las últimas 3 reglas y aplicás. Si no te gusta nada de lo que hiciste, podés ir al panel de control de uBlock, en la solapa "Configuración" y darle al botón "Restablecer ajustes predeterminados" 2. Si entran por ej. a comunidades, y notan que faltan muchos elementos: Copian la URL, o sea, la dirección, taringa.net/loquesea/loquesea y la pegan en "lista blanca" en el panel de control, luego vuelven a bloquear lo que quieran de esa pagina. 3. Para los que utilizan AdBlock Plus, aporte de: @Axtron Mis Reglas para aquel que quiera dejarlo como yo Acá les dejo las reglas que acabo de terminar, me tomé el trabajo de verificar que todos los botones se encuentren presentes en todas las secciones y que no falte ningún elemento en Home, Mi, Comunidades, ni en el perfil de usuario. Sólo deben copiar el texto a continuación y pegarlo en el cuadro de la solapa "mis Filtros", dentro de la configuración de uBlock: ! Home - Cuadro Agregar Post Ahora www.taringa.net###page > .v6:nth-of-type(3) > .container-home.v6-container > .v6-content > .content-right > .box-crear-post ! Home - Texto Estadísticas www.taringa.net###page > .v6:nth-of-type(3) > .container-home.v6-container > .sidebar > .estadisticas > h2 ! Home - Bloque Taringa Música www.taringa.net###page > .v6:nth-of-type(3) > .container-home.v6-container > .sidebar > .taringa-musica ! Home - Solapa "En Ascenso" www.taringa.net###page > .v6:nth-of-type(3) > .container-home.v6-container > .v6-content > .tabs > ul > li:nth-of-type(2) > a ! Home - Barra botón "Top" www.taringa.net###page > .v6:nth-of-type(2) > .header > .v6-wrapper > .nav-principal > ul > .tops > .drop-panels ! Home - Barra botón "Juegos" www.taringa.net###page > .v6:nth-of-type(2) > .header > .v6-wrapper > .nav-principal > ul > .juegos > a ! Home - Barra botón "Música" www.taringa.net###page > .v6:nth-of-type(2) > .header > .v6-wrapper > .nav-principal > ul > li:nth-of-type(4) > a ! Home - Barra botón "Comunidades" www.taringa.net###page > .v6:nth-of-type(2) > .header > .v6-wrapper > .nav-principal > ul > li:nth-of-type(3) > a ! Home - Barra Selector Países www.taringa.net###page > .v6:nth-of-type(3) > .container-home.v6-container > .v6-content > .tabs > .v6-country.action-select.actions > .active ! Home - Pie de pagina "links" www.taringa.net###footer-links ! Home - Pie de pagina link Wirros www.taringa.net###page > .contentinfo > .hosted > a ! Home - Pie de pagina Hosteado en Wiroos www.taringa.net###page > .contentinfo > .hosted ! Mi - Módulo "Encontrar Amigos" www.taringa.net###full-col > .pointer.clearfix.tip-box ! Mi - Módulo derecha "Encontrar Amigos" ||o1.t26.net/img/amigos.gif ! Posts - Relacionados barra derecha www.taringa.net###page > .v6:nth-of-type(3) > .container-home.v6-container > .sidebar > nav > .listados.widget-relacionados ! Posts - Relacionados Fin de Post www.taringa.net###page > .v6:nth-of-type(3) > .container-home.v6-container > .v6-content > .container-post > footer > .posts-relacionados ! Posts - Relacionados Pie de Pagina www.taringa.net###footer _______________________________________________________________________________________ Bueno, se me hizo re largo el post, espero que les guste, que valoren el contenido ya que me llevó varias horas, y que no insulten en los comentarios, sean respetuosos. Espero que lo pongan en práctica, la diferencia es abismal. Eso es todo por ahora, Saludos!