TW5 as a website

[JWHoneycutt]

Setup:

I have a hosted domain name and used FileZilla to FTP a TW5.html file (renamed to index.html) onto the host and it is visible online.

index.html file size - ignore or try to minimize?

An empty TW5.html file (ver 5.1.17) is 2.1 MB - without any content or plugins. Is there a way to remove much of this file and keep the functionality? In other words, can the "core" be dissected to save on file size, and is it worth it?

Pictures - optimal file size and place to park them?

I have photos for web content. I believe it is advantageous to keep them in a separate subdirectory where the index file is located, and use a relative path to access them:<<ximg "Pic1.JPG" path:$:/macros/ximg/path>> Most of my photos are several megabytes. What is the best file size for website presentation as filetype JPG or PNG?

Creating the website

I have been using TW5 for personal data and for work. To use a TW5 as a website, I would like an easy way to "convert" the file I am building into one ready to publish.

Removing the tools and plugins I used - how?

Maybe I can create a customized plugin (using Tinka?) that removes the stuff I use to create, but is not needed in the published version (Context search, Side editor, Keyboard snippets, CodeMirror, etc)

ReadOnly

I can restrict the ability to edit tiddlers by using Ton Gerner's (http://tongerner.tiddlyspot.com/#Plugins) ReadOnly, but it does not prevent a savvy user from being able to dig into the mechanics of it. Should I worry about it?

Sign-in

I want website visitors to be able to register - thereby unlocking additional tiddlers with customized content. How do you do that? Maybe the solution shares aspects of commenting.

Commenting

I would like website visitors to be able to comment on tiddlers. The comments are not visible to other visitors unless I chose to incorporate them into the published site.

Revenue generating

Does somebody have a reference for taking income? For example, taking payment for rental, or prepaying for services?

All thoughts welcomed

[@TiddlyTweeter]

Regarding external file image sizing. It depends on the final intent. IF the purpose is to allow end-users print at scale then the added colour depth (no of colours) and resolution (higher dpi than screen) are helpful as good printers and image software can do well with that added info.

However if all you what you want is a nice-looking on-screen image scale to the maximal resolution of display device. And reduce colour palette to thousands not zillions. Colour on computer screens is basically, unless you are using specialist monitors, a fairly finite set. Still you will need experiment a bit with the actual images to see what works best.

PNG is good if you need transparency. Its also slightly better on compression. However, few users would ever really notice the difference from JPG.

HTH

Josiah

[@TiddlyTweeter]

Regarding "Read-Only". Its a bit of a misnomer. Its actually "Hide-Access" in your case. Basically don't put anything in the wiki that is private or needs security. Someone familiar with TW can easily make it "Give-Access".

[@TiddlyTweeter]

Regarding controlling the set of things to include in the public version (Tiddlers, plugins etc) one route would be to use PMario's "Bundler" plugin to create a set of "all but only" the items you need. Save that. Import it to an "empty" TW.

Another way would be to use Jed's BOB which can generate custom standalone TW. This would be appropriate if you frequently update the public wiki. But it takes a little while to learn it.

HTH

Josiah

[Thomas Elmiger]

Same here, several wikis online on tid.li/tw5/... as you might have noticed :)

I tested here: https://developers.google.com/speed/pagespeed/insights/ – and none of my pages gets good ratings. So ...

index.html file size

Try to minimize. Also minimize what is loaded on startup: Tiddlers, lists in sidebar, images. Everything that makes browser rendering take more time should be reduced.

Pictures - optimal file size

JPG compression is way more efficient for most photographic images than anything else (its lossy, quality is reduced by compression algorithms, so you have to check what suits your needs). Maybe use https://tinyjpg.com/

Details: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization

I combined an SVG image for the screens on https://tid.li/tw5/test/bricks.html and integrated jpg Screenshots via a macro to bring file size down ... that’s extreme, but TW is ideal for stuff like that ;–)

 

[Mark S.]

Your address at tid.li gets trimmed in GG into an unreachable URL (403)

-- Mark

[Thomas Elmiger]

Thank you for the hint, Mark!

I think I solved that probem elegantly by—finally—installing a page on the server :)

Cheers,

Thomas