Speed up websites - Revision history

Planetoid: /* Image part */

2026-04-04T02:30:26Z

Image part

@@ Line 3: / Line 3: @@
 [[Mobile friendliness tool]]
-== Image part ==
+== Image Compression ==
 Compression tools to reduce the file size of images
 * [https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently]
 * Or using [https://imagemagick.org/index.php ImageMagick] to batch compress image files <ref>[https://stackoverflow.com/questions/27267073/imagemagick-lossless-max-compression-for-png ImageMagick: Lossless max compression for PNG? - Stack Overflow]</ref>
 == JavaScript part ==

Planetoid at 06:13, 19 September 2024

2024-09-19T06:13:50Z

← Older revision		Revision as of 14:13, 19 September 2024
Line 1:		Line 1:

			== Measuring ==
			[[Mobile friendliness tool]]

	== Image part ==		== Image part ==

Planetoid at 06:11, 19 September 2024

2024-09-19T06:11:35Z

← Older revision		Revision as of 14:11, 19 September 2024
Line 32:		Line 32:
	== Connection test ==		== Connection test ==
	[[網路服務連線測試]]		[[網路服務連線測試]]

			== References ==
			<references />


	[[Category:Programming]]		[[Category:Programming]]

Planetoid: /* Image part */

2024-09-19T05:43:19Z

Image part

← Older revision		Revision as of 13:43, 19 September 2024
Line 3:		Line 3:
	Compression tools to reduce the file size of images		Compression tools to reduce the file size of images
	* [https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently]		* [https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently]
			* Or using [https://imagemagick.org/index.php ImageMagick] to batch compress image files <ref>[https://stackoverflow.com/questions/27267073/imagemagick-lossless-max-compression-for-png ImageMagick: Lossless max compression for PNG? - Stack Overflow]</ref>

	== JavaScript part ==		== JavaScript part ==

Planetoid at 09:40, 6 March 2024

2024-03-06T09:40:21Z

← Older revision		Revision as of 17:40, 6 March 2024
Line 28:		Line 28:

	{{Template:Build a website}}		{{Template:Build a website}}

			== Connection test ==
			[[網路服務連線測試]]

	[[Category:Programming]]		[[Category:Programming]]

Planetoid at 09:38, 6 March 2024

2024-03-06T09:38:27Z

← Older revision		Revision as of 17:38, 6 March 2024
Line 26:		Line 26:

	</pre>		</pre>

			{{Template:Build a website}}

	[[Category:Programming]]		[[Category:Programming]]

Planetoid at 09:36, 6 March 2024

2024-03-06T09:36:48Z

← Older revision		Revision as of 17:36, 6 March 2024
Line 26:		Line 26:

	</pre>		</pre>

			[[Category:Programming]]
			[[Category:Web_Dev]]
			[[Category:Javascript]]
			[[Category:Design]]

Planetoid: Created page with " == Image part == Compression tools to reduce the file size of images * [https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently] == JavaScript part == Compression tools to reduce the file size of javascript * [http://jscompress.com/ Minify Javascript Online / Online JavaScript Packer][https://www.minwt.com/webdesign-dev/html/18639.html JSCompress線上JS壓縮器，一鍵將多隻JS合併並壓縮|梅問題．教學網] * [https://p..."

2024-03-06T09:36:14Z

Created page with " == Image part == Compression tools to reduce the file size of images * [https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently] == JavaScript part == Compression tools to reduce the file size of javascript * [http://jscompress.com/ Minify Javascript Online / Online JavaScript Packer]<ref>[https://www.minwt.com/webdesign-dev/html/18639.html JSCompress線上JS壓縮器，一鍵將多隻JS合併並壓縮|梅問題．教學網]</ref> * [https://p..."

New page

== Image part ==
Compression tools to reduce the file size of images
* [https://tinypng.com/ TinyPNG – Compress WebP, PNG and JPEG images intelligently]

== JavaScript part ==
Compression tools to reduce the file size of javascript
* [http://jscompress.com/ Minify Javascript Online / Online JavaScript Packer]<ref>[https://www.minwt.com/webdesign-dev/html/18639.html JSCompress線上JS壓縮器，一鍵將多隻JS合併並壓縮|梅問題．教學網]</ref>
* [https://packagecontrol.io/packages/YUI%20Compressor Sublime Text 2 YUI-Compressor plugin]
* ''$'' [https://www.jetbrains.com/phpstorm/ PhpStorm IDE] [https://www.jetbrains.com/help/phpstorm/2017.1/minifying-javascript.html Minifying JavaScript]

Using CDN ([https://en.wikipedia.org/wiki/Content_delivery_network Content Delivery Network])
* [https://developers.google.com/speed/libraries/devguide?hl=zh-tw Google Hosted Libraries - Developer's Guide - Make the Web Faster — Google Developers]<ref>[http://blog.longwin.com.tw/2008/11/google-cdn-host-ajax-library-jquery-2008/ 使用 Google CDN Host 的 Javascript Library - jQuery - Tsung's Blog], [http://stackoverflow.com/questions/5206666/jquery-ui-how-to-use-google-cdn javascript - jquery ui - how to use google CDN - Stack Overflow]</ref>
* [http://www.asp.net/ajaxlibrary/cdn.ashx Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library]
* [http://cdnjs.com/ cdnjs.com - the missing cdn for javascript and css] & 中文版: [http://zh-tw.cdnjs.com/ cdnjs.com - 遺失的CDN的JavaScript和CSS] {{access | date = 2014-09-10}}
* [https://unpkg.com/#/ UNPKG] {{access | date = 2018-10-18}}

<pre>
//If the javascript library hosted at CDN was failed to connect, it will switch to local javascript file automatically.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
<script>!window.jQuery && document.write('<script src="local-js-path/jquery-1.12.4.min.js"><\/script>');</script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<script>!window.jQuery.ui && document.write('<script src="local-js-path/jquery-ui-effects.custom-1.9.2.min.js"><\/script>');</script>

</pre>