Group items tagged speed-up - Web Development, Design & Programming

1More

Looking For A DevOps Company Montreal - 0 views

www.impressico.com/devops-company-montreal

shared by Ashley Wilson on 03 Nov 22 - No Cached

Uses of AI in Learning - 1 views

started by ai_ar_services on 08 Feb 22 no follow-up yet

1More

CSS & JS Auto-Refreshing with Live.js - 0 views

www.problogdesign.com/...s-auto-refreshing-with-live-js css js javascript

shared by htmlslicemate.com on 31 May 13 - No Cached

htmlslicemate.com on 31 May 13

I want to share a fantastic little tool that I've only recently come across; Live.js, written by Martin Kool. This JavaScript file automatically checks for changes to your CSS and JavaScript files, and refreshes them. That means you can have your text editor in one half of the screen, and a web browser in the other. When you save changes in the editor, the updates are reflected immediately in your browser. It really helps to speed up your development time. A lot of text editors offer HTML previews and such, but they only work for plain .html pages. The great thing about Live.js is that it works on any webpage, including a working WordPress theme...............(.read more.)

<div class="cArrow"> </div><div class="cContentInner">I want to share a fantastic little tool that I've only recently come across; Live.js, written by Martin Kool. This JavaScript file automatically checks for changes to your CSS and JavaScript files, and refreshes them. That means you can have your text editor in one half of the screen, and a web browser in the other. When you save changes in the editor, the updates are reflected immediately in your browser. It really helps to speed up your development time. A lot of text editors offer HTML previews and such, but they only work for plain .html pages. The great thing about Live.js is that it works on any webpage, including a working WordPress theme...............(.read more.)</div>

...

Cancel

1More

The Fundamentals of Bash Scripting - 0 views

net.tutsplus.com/...fundamentals-of-bash-scripting bash

shared by htmlslicemate.com on 04 Jun 13 - No Cached

4More

Best Practices for Speeding Up Your Web Site - 1 views

developer.yahoo.com/...rules.html performance best practices web web site site webdesign web design

shared by Vernon Fowler on 09 Sep 12 - No Cached

Arranging the images in the sprite horizontally as opposed to vertically usually results in a smaller file size. Combining similar colors in a sprite helps you keep the color count low, ideally under 256 colors so to fit in a PNG8. "Be mobile-friendly" and don't leave big gaps between the images in a sprite. This doesn't affect the file size as much but requires less memory for the user agent to decompress the image into a pixel map. 100x100 image is 10 thousand pixels, where 1000x1000 is 1 million pixels
...

Cancel
Minification is the practice of removing unnecessary characters from code to reduce its size thereby improving load times. When code is minified all comments are removed, as well as unneeded white space characters (space, newline, and tab). In the case of JavaScript, this improves response time performance because the size of the downloaded file is reduced.
...

Cancel
Many web sites fall in the middle of these metrics. For these sites, the best solution generally is to deploy the JavaScript and CSS as external files. The only exception where inlining is preferable is with home pages, such as Yahoo!'s front page and My Yahoo!. Home pages that have few (perhaps only one) page view per session may find that inlining JavaScript and CSS results in faster end-user response times. For front pages that are typically the first of many page views, there are techniques that leverage the reduction of HTTP requests that inlining provides, as well as the caching benefits achieved through using external files. One such technique is to inline JavaScript and CSS in the front page, but dynamically download the external files after the page has finished loading. Subsequent pages would reference the external files that should already be in the browser's cache.
...

Cancel
...1 more annotation...
CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment.
...

Cancel